dinislage/PrestaShop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

// fix css + kpi + dashboard

Browse Source
This commit is contained in:
Kevin Granger
2013-10-10 16:29:40 +02:00
parent 22dcaf246c
commit 7d717ea207
9 changed files with 156 additions and 204 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin-dev/themes/default/css/admin-theme.css
+121 -150
View File
@@ -7647,33 +7647,9 @@ html, body {
width: 100%; } } width: 100%; } }
/* line 84, admin-theme.sass */ /* line 84, admin-theme.sass */
.navbar-inner {
box-shadow: none !important; }
/* line 86, admin-theme.sass */
.navbar-inner .input-append {
margin-bottom: 0; }
/* line 89, admin-theme.sass */
.breadcrumb {
background-color: white; }
/* line 92, admin-theme.sass */
#nobootstrap { #nobootstrap {
float: left; } float: left; }
/* line 104, admin-theme.sass */
.nav-tabs {
border-bottom: none; }
/* line 106, admin-theme.sass */
.nav-tabs li a {
font-size: 1.1em;
font-family: "Ubuntu", sans-serif;
text-transform: uppercase;
font-weight: 300; }
/* line 112, admin-theme.sass */
.nav-tabs li.active a, .nav-tabs li.active a:hover {
background-color: white; }
/* line 1, admin-theme/_admin-header.sass */ /* line 1, admin-theme/_admin-header.sass */
#header_infos { #header_infos {
background-color: #242424; } background-color: #242424; }
@@ -7865,40 +7841,40 @@ a.link-social:hover {
#nav-sidebar ul.menu li.maintab { #nav-sidebar ul.menu li.maintab {
position: relative; } position: relative; }
/* line 32, admin-theme/_admin-nav.sass */ /* line 32, admin-theme/_admin-nav.sass */
#nav-sidebar ul.menu li.maintab.active a.title { #nav-sidebar ul.menu li.maintab.active a.title, #nav-sidebar ul.menu li.maintab.active a.title:hover {
color: white; color: white;
background-color: #1ba6e5; } background-color: #1ba6e5; }
/* line 35, admin-theme/_admin-nav.sass */ /* line 35, admin-theme/_admin-nav.sass */
#nav-sidebar ul.menu li.maintab.active a.title i { #nav-sidebar ul.menu li.maintab.active a.title i, #nav-sidebar ul.menu li.maintab.active a.title:hover i {
color: black; color: black;
background-color: white; } background-color: white; }
/* line 39, admin-theme/_admin-nav.sass */ /* line 40, admin-theme/_admin-nav.sass */
#nav-sidebar ul.menu li.maintab.active a.title:hover:not(.active) { #nav-sidebar ul.menu li.maintab.active a.title:hover {
color: white; } color: white; }
/* line 42, admin-theme/_admin-nav.sass */ /* line 43, admin-theme/_admin-nav.sass */
#nav-sidebar ul.menu li.maintab.expanded a.title { #nav-sidebar ul.menu li.maintab.expanded a.title {
color: white; color: white;
background-color: #3a3d45; background-color: #3a3d45;
border-bottom: solid 1px #17181c; } border-bottom: solid 1px #17181c; }
/* line 46, admin-theme/_admin-nav.sass */ /* line 47, admin-theme/_admin-nav.sass */
#nav-sidebar ul.menu li.maintab.expanded a.title i {
color: white; }
/* line 48, admin-theme/_admin-nav.sass */
#nav-sidebar ul.menu li.maintab.expanded a.title:hover { #nav-sidebar ul.menu li.maintab.expanded a.title:hover {
background-color: #686d7d; } background-color: #686d7d; }
/* line 52, admin-theme/_admin-nav.sass */ /* line 49, admin-theme/_admin-nav.sass */
#nav-sidebar ul.menu li.maintab.expanded a.title i {
color: white; }
/* line 53, admin-theme/_admin-nav.sass */
#nav-sidebar ul.menu li.maintab.expanded ul.submenu { #nav-sidebar ul.menu li.maintab.expanded ul.submenu {
display: block; } display: block; }
/* line 54, admin-theme/_admin-nav.sass */ /* line 55, admin-theme/_admin-nav.sass */
#nav-sidebar ul.menu li.maintab.expanded ul.submenu a { #nav-sidebar ul.menu li.maintab.expanded ul.submenu a {
color: #9da1ae; color: #9da1ae;
background-color: #2e3037; background-color: #2e3037;
border-bottom: solid 1px #17181c; } border-bottom: solid 1px #17181c; }
/* line 58, admin-theme/_admin-nav.sass */ /* line 59, admin-theme/_admin-nav.sass */
#nav-sidebar ul.menu li.maintab.expanded ul.submenu a:hover { #nav-sidebar ul.menu li.maintab.expanded ul.submenu a:hover {
color: white; color: white;
background-color: #454953; } background-color: #454953; }
/* line 61, admin-theme/_admin-nav.sass */ /* line 62, admin-theme/_admin-nav.sass */
#nav-sidebar ul.menu li.maintab a.title { #nav-sidebar ul.menu li.maintab a.title {
display: block; display: block;
position: relative; position: relative;
@@ -7920,7 +7896,7 @@ a.link-social:hover {
-moz-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out; -o-transition-timing-function: ease-out;
transition-timing-function: ease-out; } transition-timing-function: ease-out; }
/* line 76, admin-theme/_admin-nav.sass */ /* line 77, admin-theme/_admin-nav.sass */
#nav-sidebar ul.menu li.maintab a.title i { #nav-sidebar ul.menu li.maintab a.title i {
color: #9094a2; color: #9094a2;
background-color: #17181c; background-color: #17181c;
@@ -7934,14 +7910,14 @@ a.link-social:hover {
-moz-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out; -o-transition-timing-function: ease-out;
transition-timing-function: ease-out; } transition-timing-function: ease-out; }
/* line 82, admin-theme/_admin-nav.sass */ /* line 83, admin-theme/_admin-nav.sass */
#nav-sidebar ul.menu li.maintab a.title:hover { #nav-sidebar ul.menu li.maintab a.title:hover {
background-color: #686d7d; background-color: #686d7d;
color: white; } color: white; }
/* line 85, admin-theme/_admin-nav.sass */ /* line 86, admin-theme/_admin-nav.sass */
#nav-sidebar ul.menu li.maintab a.title:hover i { #nav-sidebar ul.menu li.maintab a.title:hover i {
color: white; } color: white; }
/* line 87, admin-theme/_admin-nav.sass */ /* line 88, admin-theme/_admin-nav.sass */
#nav-sidebar ul.menu li.maintab span.submenu_expand { #nav-sidebar ul.menu li.maintab span.submenu_expand {
position: absolute; position: absolute;
right: 10px; right: 10px;
@@ -7953,15 +7929,15 @@ a.link-social:hover {
color: black; color: black;
background-color: transparent; background-color: transparent;
text-shadow: #686d7d 1px 1px 0; } text-shadow: #686d7d 1px 1px 0; }
/* line 100, admin-theme/_admin-nav.sass */ /* line 101, admin-theme/_admin-nav.sass */
#nav-sidebar ul.menu li.maintab span.submenu_expand:hover { #nav-sidebar ul.menu li.maintab span.submenu_expand:hover {
color: white; color: white;
text-shadow: #232429 -1px -1px 0; } text-shadow: #232429 -1px -1px 0; }
/* line 103, admin-theme/_admin-nav.sass */ /* line 104, admin-theme/_admin-nav.sass */
#nav-sidebar ul.submenu { #nav-sidebar ul.submenu {
list-style: none; list-style: none;
padding: 0; } padding: 0; }
/* line 107, admin-theme/_admin-nav.sass */ /* line 108, admin-theme/_admin-nav.sass */
#nav-sidebar ul.submenu li a { #nav-sidebar ul.submenu li a {
display: block; display: block;
padding: 4px 5px 4px 10px; padding: 4px 5px 4px 10px;
@@ -7969,15 +7945,15 @@ a.link-social:hover {
border: none; border: none;
border-bottom: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee;
background-color: white; } background-color: white; }
/* line 114, admin-theme/_admin-nav.sass */ /* line 115, admin-theme/_admin-nav.sass */
#nav-sidebar ul.submenu li a:hover { #nav-sidebar ul.submenu li a:hover {
color: #515561; color: #515561;
background-color: #edeeef; background-color: #edeeef;
text-decoration: none; } text-decoration: none; }
/* line 118, admin-theme/_admin-nav.sass */ /* line 119, admin-theme/_admin-nav.sass */
#nav-sidebar ul.submenu li:last-child a { #nav-sidebar ul.submenu li:last-child a {
border-bottom: none; } border-bottom: none; }
/* line 120, admin-theme/_admin-nav.sass */ /* line 121, admin-theme/_admin-nav.sass */
#nav-sidebar ul.submenu li.active a { #nav-sidebar ul.submenu li.active a {
color: white; color: white;
background-color: #1ba6e5; background-color: #1ba6e5;
@@ -7987,7 +7963,7 @@ a.link-social:hover {
#nav-sidebar { #nav-sidebar {
display: none; } } display: none; } }
/* line 127, admin-theme/_admin-nav.sass */ /* line 128, admin-theme/_admin-nav.sass */
#nav-topbar { #nav-topbar {
position: fixed; position: fixed;
height: 28px; height: 28px;
@@ -7996,14 +7972,14 @@ a.link-social:hover {
width: 100%; width: 100%;
z-index: 600; z-index: 600;
background-color: white; } background-color: white; }
/* line 135, admin-theme/_admin-nav.sass */ /* line 136, admin-theme/_admin-nav.sass */
#nav-topbar ul.menu { #nav-topbar ul.menu {
height: 28px; height: 28px;
margin: 0; margin: 0;
padding: 0; padding: 0;
display: block; display: block;
list-style: none; } list-style: none; }
/* line 141, admin-theme/_admin-nav.sass */ /* line 142, admin-theme/_admin-nav.sass */
#nav-topbar ul.menu > li { #nav-topbar ul.menu > li {
height: 28px; height: 28px;
padding: 0; padding: 0;
@@ -8012,46 +7988,46 @@ a.link-social:hover {
list-style: none; list-style: none;
position: relative; position: relative;
float: left; } float: left; }
/* line 149, admin-theme/_admin-nav.sass */ /* line 150, admin-theme/_admin-nav.sass */
#nav-topbar ul.menu > li > a { #nav-topbar ul.menu > li > a {
display: block; display: block;
line-height: 28px; line-height: 28px;
color: #515561; color: #515561;
padding: 0 6px; padding: 0 6px;
margin: 0; } margin: 0; }
/* line 155, admin-theme/_admin-nav.sass */ /* line 156, admin-theme/_admin-nav.sass */
#nav-topbar ul.menu > li > a i { #nav-topbar ul.menu > li > a i {
margin: 0; margin: 0;
width: 15px; width: 15px;
background-color: transparent; background-color: transparent;
font-size: 18px; } font-size: 18px; }
/* line 160, admin-theme/_admin-nav.sass */ /* line 161, admin-theme/_admin-nav.sass */
#nav-topbar ul.menu > li > a:hover { #nav-topbar ul.menu > li > a:hover {
text-decoration: none; text-decoration: none;
background-color: #515561; background-color: #515561;
color: white; } color: white; }
/* line 164, admin-theme/_admin-nav.sass */ /* line 165, admin-theme/_admin-nav.sass */
#nav-topbar ul.menu > li > a:hover i { #nav-topbar ul.menu > li > a:hover i {
color: white !important; } color: white !important; }
/* line 167, admin-theme/_admin-nav.sass */ /* line 168, admin-theme/_admin-nav.sass */
#nav-topbar ul.menu > li.active > a { #nav-topbar ul.menu > li.active > a {
color: white; color: white;
background-color: #515561; } background-color: #515561; }
/* line 170, admin-theme/_admin-nav.sass */ /* line 171, admin-theme/_admin-nav.sass */
#nav-topbar ul.menu > li.active > a i { #nav-topbar ul.menu > li.active > a i {
color: white; } color: white; }
/* line 172, admin-theme/_admin-nav.sass */ /* line 173, admin-theme/_admin-nav.sass */
#nav-topbar .menu-collapse { #nav-topbar .menu-collapse {
display: none; } display: none; }
/* line 174, admin-theme/_admin-nav.sass */ /* line 175, admin-theme/_admin-nav.sass */
#nav-topbar ul.submenu { #nav-topbar ul.submenu {
display: none !important; display: none !important;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 4px;
box-shadow: rgba(0, 0, 0, 0.3) 0 2px 4px; } box-shadow: rgba(0, 0, 0, 0.3) 0 2px 4px; }
/* line 178, admin-theme/_admin-nav.sass */ /* line 179, admin-theme/_admin-nav.sass */
#nav-topbar > ul.menu > li.expanded ul.submenu { #nav-topbar > ul.menu > li.expanded ul.submenu {
display: block !important; } display: block !important; }
/* line 181, admin-theme/_admin-nav.sass */ /* line 182, admin-theme/_admin-nav.sass */
#nav-topbar > ul.menu > li ul.submenu { #nav-topbar > ul.menu > li ul.submenu {
display: none !important; display: none !important;
position: absolute; position: absolute;
@@ -8060,33 +8036,33 @@ a.link-social:hover {
left: 0; left: 0;
top: 28px; top: 28px;
width: 200px !important; } width: 200px !important; }
/* line 189, admin-theme/_admin-nav.sass */ /* line 190, admin-theme/_admin-nav.sass */
#nav-topbar > ul.menu > li ul.submenu li { #nav-topbar > ul.menu > li ul.submenu li {
width: 200px; width: 200px;
padding: 0; padding: 0;
list-style: none; } list-style: none; }
/* line 193, admin-theme/_admin-nav.sass */ /* line 194, admin-theme/_admin-nav.sass */
#nav-topbar > ul.menu > li ul.submenu li a { #nav-topbar > ul.menu > li ul.submenu li a {
display: block; display: block;
padding: 4px 5px 4px 10px; padding: 4px 5px 4px 10px;
font-size: 12px; font-size: 12px;
background-color: white; background-color: white;
border-bottom: solid 1px #eeeeee; } border-bottom: solid 1px #eeeeee; }
/* line 199, admin-theme/_admin-nav.sass */ /* line 200, admin-theme/_admin-nav.sass */
#nav-topbar > ul.menu > li ul.submenu li a:hover { #nav-topbar > ul.menu > li ul.submenu li a:hover {
color: #515561; color: #515561;
background-color: #edeeef; background-color: #edeeef;
text-decoration: none; } text-decoration: none; }
/* line 203, admin-theme/_admin-nav.sass */ /* line 204, admin-theme/_admin-nav.sass */
#nav-topbar > ul.menu > li ul.submenu li:last-child a { #nav-topbar > ul.menu > li ul.submenu li:last-child a {
border-bottom: none; } border-bottom: none; }
/* line 205, admin-theme/_admin-nav.sass */ /* line 206, admin-theme/_admin-nav.sass */
#nav-topbar > ul.menu > li ul.submenu li.active a { #nav-topbar > ul.menu > li ul.submenu li.active a {
color: white; color: white;
background-color: #1ba6e5; background-color: #1ba6e5;
border-bottom: solid 1px #1585b8; } border-bottom: solid 1px #1585b8; }
/* line 210, admin-theme/_admin-nav.sass */ /* line 211, admin-theme/_admin-nav.sass */
.menu-collapse { .menu-collapse {
height: 54px; height: 54px;
width: 100%; width: 100%;
@@ -8098,24 +8074,24 @@ a.link-social:hover {
border-bottom: 3px solid #3a3d45; border-bottom: 3px solid #3a3d45;
color: #0b0c0e; } color: #0b0c0e; }
/* line 222, admin-theme/_admin-nav.sass */ /* line 223, admin-theme/_admin-nav.sass */
.page-topbar #main { .page-topbar #main {
padding-top: 64px; } padding-top: 64px; }
/* line 224, admin-theme/_admin-nav.sass */ /* line 225, admin-theme/_admin-nav.sass */
.page-topbar #nav-sidebar { .page-topbar #nav-sidebar {
display: none; } display: none; }
/* line 226, admin-theme/_admin-nav.sass */ /* line 227, admin-theme/_admin-nav.sass */
.page-topbar .page-head { .page-topbar .page-head {
top: 63px; } top: 63px; }
/* line 228, admin-theme/_admin-nav.sass */ /* line 229, admin-theme/_admin-nav.sass */
.page-topbar #content { .page-topbar #content {
margin-left: 0; margin-left: 0;
width: 100%; } width: 100%; }
/* line 231, admin-theme/_admin-nav.sass */ /* line 232, admin-theme/_admin-nav.sass */
.page-topbar #content .page-head h2.page-title { .page-topbar #content .page-head h2.page-title {
padding: 0 0 0 20px; } padding: 0 0 0 20px; }
/* line 235, admin-theme/_admin-nav.sass */ /* line 236, admin-theme/_admin-nav.sass */
.page-sidebar-closed #nav-sidebar { .page-sidebar-closed #nav-sidebar {
width: 50px; width: 50px;
-webkit-transition-property: width; -webkit-transition-property: width;
@@ -8128,10 +8104,10 @@ a.link-social:hover {
-moz-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out; -o-transition-timing-function: ease-out;
transition-timing-function: ease-out; } transition-timing-function: ease-out; }
/* line 240, admin-theme/_admin-nav.sass */ /* line 241, admin-theme/_admin-nav.sass */
.page-sidebar-closed #nav-sidebar span.title { .page-sidebar-closed #nav-sidebar span.title {
display: none; } display: none; }
/* line 242, admin-theme/_admin-nav.sass */ /* line 243, admin-theme/_admin-nav.sass */
.page-sidebar-closed #nav-sidebar ul.submenu { .page-sidebar-closed #nav-sidebar ul.submenu {
display: none !important; display: none !important;
padding-top: 37px; padding-top: 37px;
@@ -8139,35 +8115,35 @@ a.link-social:hover {
top: 0; top: 0;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0, rgba(0, 0, 0, 0.3) 2px 2px 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0, rgba(0, 0, 0, 0.3) 2px 2px 4px;
box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0, rgba(0, 0, 0, 0.3) 2px 2px 4px; } box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0, rgba(0, 0, 0, 0.3) 2px 2px 4px; }
/* line 248, admin-theme/_admin-nav.sass */ /* line 249, admin-theme/_admin-nav.sass */
.page-sidebar-closed #nav-sidebar > ul > li:hover { .page-sidebar-closed #nav-sidebar > ul > li:hover {
width: 250px !important; width: 250px !important;
position: relative; } position: relative; }
/* line 251, admin-theme/_admin-nav.sass */ /* line 252, admin-theme/_admin-nav.sass */
.page-sidebar-closed #nav-sidebar > ul > li:hover span.title { .page-sidebar-closed #nav-sidebar > ul > li:hover span.title {
display: inline-block; } display: inline-block; }
/* line 253, admin-theme/_admin-nav.sass */ /* line 254, admin-theme/_admin-nav.sass */
.page-sidebar-closed #nav-sidebar > ul > li:hover ul.submenu { .page-sidebar-closed #nav-sidebar > ul > li:hover ul.submenu {
display: block !important; display: block !important;
position: absolute; position: absolute;
left: 50px; left: 50px;
width: 200px !important; } width: 200px !important; }
/* line 258, admin-theme/_admin-nav.sass */ /* line 259, admin-theme/_admin-nav.sass */
.page-sidebar-closed #content { .page-sidebar-closed #content {
margin-left: 50px; } margin-left: 50px; }
/* line 260, admin-theme/_admin-nav.sass */ /* line 261, admin-theme/_admin-nav.sass */
.page-sidebar-closed #content .page-head h2.page-title { .page-sidebar-closed #content .page-head h2.page-title {
padding: 0 0 0 70px; } padding: 0 0 0 70px; }
@media (max-width: 768px) { @media (max-width: 768px) {
/* line 260, admin-theme/_admin-nav.sass */ /* line 261, admin-theme/_admin-nav.sass */
.page-sidebar-closed #content .page-head h2.page-title { .page-sidebar-closed #content .page-head h2.page-title {
padding: 0 0 0 20px; } } padding: 0 0 0 20px; } }
@media (max-width: 768px) { @media (max-width: 768px) {
/* line 258, admin-theme/_admin-nav.sass */ /* line 259, admin-theme/_admin-nav.sass */
.page-sidebar-closed #content { .page-sidebar-closed #content {
margin-left: 0; margin-left: 0;
width: 100%; } } width: 100%; } }
/* line 267, admin-theme/_admin-nav.sass */ /* line 268, admin-theme/_admin-nav.sass */
.page-sidebar-closed .submenu_expand { .page-sidebar-closed .submenu_expand {
display: none; } display: none; }
@@ -8222,6 +8198,19 @@ textarea {
#header_notifs_icon_wrapper .badge-error.notifs_badge, .badge-error.badge { #header_notifs_icon_wrapper .badge-error.notifs_badge, .badge-error.badge {
background-color: #d9534f; } background-color: #d9534f; }
/* line 34, admin-theme/_admin-commons.sass */
.nav-tabs {
border-bottom: none; }
/* line 36, admin-theme/_admin-commons.sass */
.nav-tabs li a {
font-size: 1.1em;
font-family: "Ubuntu", sans-serif;
text-transform: uppercase;
font-weight: 300; }
/* line 42, admin-theme/_admin-commons.sass */
.nav-tabs li.active a, .nav-tabs li.active a:hover {
background-color: white; }
/* line 1, admin-theme/_admin-tables.sass */ /* line 1, admin-theme/_admin-tables.sass */
.table { .table {
border-collapse: separate; border-collapse: separate;
@@ -8297,7 +8286,7 @@ td.actions {
/* line 59, admin-theme/_admin-tables.sass */ /* line 59, admin-theme/_admin-tables.sass */
.bulk-actions { .bulk-actions {
margin: 17px 0; } margin: 17px 0 0 0; }
/* line 1, admin-theme/_admin-tree.sass */ /* line 1, admin-theme/_admin-tree.sass */
.tree { .tree {
@@ -9226,70 +9215,74 @@ li.sortable-placeholder {
font-family: FontAwesome; font-family: FontAwesome;
content: "\f0aa"; } content: "\f0aa"; }
/* line 36, admin-theme/_admin-dashboard.sass */ /* line 34, admin-theme/_admin-dashboard.sass */
.box-stats {
height: 70px; }
/* line 39, admin-theme/_admin-dashboard.sass */
#dashboard section header { #dashboard section header {
padding: 3px 8px; padding: 3px 8px;
margin: 0 0 3px 0; margin: 0 0 3px 0;
color: white; color: white;
font-size: 1.2em; font-size: 1.2em;
background-color: #1ba6e5; } background-color: #1ba6e5; }
/* line 42, admin-theme/_admin-dashboard.sass */ /* line 45, admin-theme/_admin-dashboard.sass */
#dashboard section header.panel-heading, #dashboard section #header_notifs_icon_wrapper .notifs_panel header.notifs_panel_header, #header_notifs_icon_wrapper .notifs_panel #dashboard section header.notifs_panel_header { #dashboard section header.panel-heading, #dashboard section #header_notifs_icon_wrapper .notifs_panel header.notifs_panel_header, #header_notifs_icon_wrapper .notifs_panel #dashboard section header.notifs_panel_header {
color: #555555; } color: #555555; }
/* line 45, admin-theme/_admin-dashboard.sass */ /* line 48, admin-theme/_admin-dashboard.sass */
#dashboard .data_list { #dashboard .data_list {
margin: 0 0 10px 0; margin: 0 0 10px 0;
padding: 0; } padding: 0; }
/* line 49, admin-theme/_admin-dashboard.sass */ /* line 52, admin-theme/_admin-dashboard.sass */
#dashboard .data_list li { #dashboard .data_list li {
position: relative; } position: relative; }
/* line 54, admin-theme/_admin-dashboard.sass */ /* line 57, admin-theme/_admin-dashboard.sass */
#dashboard .data_list .data_value { #dashboard .data_list .data_value {
line-height: 39px; line-height: 39px;
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
padding: 0 10px 0 0; } padding: 0 10px 0 0; }
/* line 61, admin-theme/_admin-dashboard.sass */ /* line 64, admin-theme/_admin-dashboard.sass */
#dashboard .data_list_small { #dashboard .data_list_small {
margin: 8px 0 10px 0; margin: 8px 0 10px 0;
padding: 0 0 0 0; padding: 0 0 0 0;
border-top: solid 1px #dddddd; } border-top: solid 1px #dddddd; }
/* line 65, admin-theme/_admin-dashboard.sass */ /* line 68, admin-theme/_admin-dashboard.sass */
#dashboard .data_list_small li { #dashboard .data_list_small li {
padding: 3px 0; padding: 3px 0;
position: relative; position: relative;
border: none; border: none;
margin: 0; margin: 0;
border-bottom: dashed 1px #dddddd; } border-bottom: dashed 1px #dddddd; }
/* line 71, admin-theme/_admin-dashboard.sass */ /* line 74, admin-theme/_admin-dashboard.sass */
#dashboard .data_list_small .data_label { #dashboard .data_list_small .data_label {
text-transform: uppercase; text-transform: uppercase;
color: #bbbbbb; } color: #bbbbbb; }
/* line 74, admin-theme/_admin-dashboard.sass */ /* line 77, admin-theme/_admin-dashboard.sass */
#dashboard .data_list_small .data_value { #dashboard .data_list_small .data_value {
line-height: 25px; line-height: 25px;
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
padding: 0; } padding: 0; }
/* line 81, admin-theme/_admin-dashboard.sass */ /* line 84, admin-theme/_admin-dashboard.sass */
#dashboard .data_list_large { #dashboard .data_list_large {
margin: 8px 0 10px 0; margin: 8px 0 10px 0;
padding: 0; } padding: 0; }
/* line 85, admin-theme/_admin-dashboard.sass */ /* line 88, admin-theme/_admin-dashboard.sass */
#dashboard .data_list_large li { #dashboard .data_list_large li {
padding: 6px 0; padding: 6px 0;
position: relative; position: relative;
border: none; border: none;
margin: 0; } margin: 0; }
/* line 90, admin-theme/_admin-dashboard.sass */ /* line 93, admin-theme/_admin-dashboard.sass */
#dashboard .data_list_large .data_label { #dashboard .data_list_large .data_label {
line-height: 0.8em; } line-height: 0.8em; }
/* line 92, admin-theme/_admin-dashboard.sass */ /* line 95, admin-theme/_admin-dashboard.sass */
#dashboard .data_list_large .data_label small { #dashboard .data_list_large .data_label small {
font-size: 0.6em; } font-size: 0.6em; }
/* line 94, admin-theme/_admin-dashboard.sass */ /* line 97, admin-theme/_admin-dashboard.sass */
#dashboard .data_list_large .data_value { #dashboard .data_list_large .data_value {
text-align: right; text-align: right;
line-height: 0.6em; line-height: 0.6em;
@@ -9297,10 +9290,10 @@ li.sortable-placeholder {
top: 0; top: 0;
right: 0; right: 0;
padding: 8px 0 0 0; } padding: 8px 0 0 0; }
/* line 101, admin-theme/_admin-dashboard.sass */ /* line 104, admin-theme/_admin-dashboard.sass */
#dashboard .data_list_large .data_value small { #dashboard .data_list_large .data_value small {
font-size: 0.5em; } font-size: 0.5em; }
/* line 104, admin-theme/_admin-dashboard.sass */ /* line 107, admin-theme/_admin-dashboard.sass */
#dashboard .data_list_vertical { #dashboard .data_list_vertical {
padding: 0; padding: 0;
margin: 0 0 10px 0; margin: 0 0 10px 0;
@@ -9310,30 +9303,30 @@ li.sortable-placeholder {
-ms-border-radius: 3px; -ms-border-radius: 3px;
-o-border-radius: 3px; -o-border-radius: 3px;
border-radius: 3px; } border-radius: 3px; }
/* line 111, admin-theme/_admin-dashboard.sass */ /* line 114, admin-theme/_admin-dashboard.sass */
#dashboard .data_list_vertical li { #dashboard .data_list_vertical li {
border-left: solid 1px #dddddd; border-left: solid 1px #dddddd;
padding: 6px; } padding: 6px; }
/* line 115, admin-theme/_admin-dashboard.sass */ /* line 118, admin-theme/_admin-dashboard.sass */
#dashboard .data_list_vertical li:first-child { #dashboard .data_list_vertical li:first-child {
border: none; } border: none; }
/* line 117, admin-theme/_admin-dashboard.sass */ /* line 120, admin-theme/_admin-dashboard.sass */
#dashboard .data_list_vertical .data_label { #dashboard .data_list_vertical .data_label {
min-height: 32px; min-height: 32px;
display: block; display: block;
line-height: 1em; line-height: 1em;
text-align: center; } text-align: center; }
/* line 122, admin-theme/_admin-dashboard.sass */ /* line 125, admin-theme/_admin-dashboard.sass */
#dashboard .data_list_vertical .data_value { #dashboard .data_list_vertical .data_value {
display: block; display: block;
text-align: center; } text-align: center; }
/* line 127, admin-theme/_admin-dashboard.sass */ /* line 130, admin-theme/_admin-dashboard.sass */
#dashboard #dashtrends header { #dashboard #dashtrends header {
margin-bottom: 0; } margin-bottom: 0; }
/* line 129, admin-theme/_admin-dashboard.sass */ /* line 132, admin-theme/_admin-dashboard.sass */
#dashboard #dashtrends #dashtrends_toolbar { #dashboard #dashtrends #dashtrends_toolbar {
margin: 4px -16px; } margin: 4px -16px; }
/* line 131, admin-theme/_admin-dashboard.sass */ /* line 134, admin-theme/_admin-dashboard.sass */
#dashboard #dashtrends dl { #dashboard #dashtrends dl {
margin: 0; margin: 0;
min-height: 120px; min-height: 120px;
@@ -9342,64 +9335,42 @@ li.sortable-placeholder {
padding: 10px; padding: 10px;
border-left: 1px solid #dddddd; border-left: 1px solid #dddddd;
border-bottom: 1px solid #dddddd; } border-bottom: 1px solid #dddddd; }
/* line 139, admin-theme/_admin-dashboard.sass */ /* line 142, admin-theme/_admin-dashboard.sass */
#dashboard #dashtrends dl:first-child { #dashboard #dashtrends dl:first-child {
border-left: none; } border-left: none; }
/* line 141, admin-theme/_admin-dashboard.sass */ /* line 144, admin-theme/_admin-dashboard.sass */
#dashboard #dashtrends dl.active { #dashboard #dashtrends dl.active {
background-color: #eeeeee; } background-color: #eeeeee; }
/* line 143, admin-theme/_admin-dashboard.sass */ /* line 146, admin-theme/_admin-dashboard.sass */
#dashboard #dashtrends dt { #dashboard #dashtrends dt {
text-align: center; text-align: center;
height: 37px; height: 37px;
line-height: 1em; line-height: 1em;
font: 300 1.1em/120% "Ubuntu", sans-serif; } font: 300 1.1em/120% "Ubuntu", sans-serif; }
/* line 148, admin-theme/_admin-dashboard.sass */ /* line 151, admin-theme/_admin-dashboard.sass */
#dashboard #dashtrends svg { #dashboard #dashtrends svg {
height: 350px; } height: 350px; }
/* line 152, admin-theme/_admin-dashboard.sass */ /* line 158, admin-theme/_admin-dashboard.sass */
#dashboard #dashproducts header {
margin-bottom: 0; }
/* line 154, admin-theme/_admin-dashboard.sass */
#dashboard #dashproducts nav {
border-bottom: solid 1px #dddddd;
margin: 0 -11px; }
/* line 157, admin-theme/_admin-dashboard.sass */
#dashboard #dashproducts nav ul {
margin: 0 -5px;
padding: 0;
text-decoration: none;
background-color: white; }
/* line 162, admin-theme/_admin-dashboard.sass */
#dashboard #dashproducts nav ul li {
float: left; }
/* line 164, admin-theme/_admin-dashboard.sass */
#dashboard #dashproducts nav ul li.active {
background-color: #1ba6e5; }
/* line 166, admin-theme/_admin-dashboard.sass */
#dashboard #dashproducts nav ul li.active a {
color: white; }
/* line 169, admin-theme/_admin-dashboard.sass */
#dashboard #dashactivity svg { #dashboard #dashactivity svg {
height: 150px; } height: 150px; }
/* line 176, admin-theme/_admin-dashboard.sass */ /* line 165, admin-theme/_admin-dashboard.sass */
#dashboard .loading .data_value { #dashboard .loading .data_value {
min-width: 30px; min-width: 30px;
text-align: center; } text-align: center; }
/* line 179, admin-theme/_admin-dashboard.sass */ /* line 168, admin-theme/_admin-dashboard.sass */
#dashboard .loading .data_value:before { #dashboard .loading .data_value:before {
font-size: 0.7em; font-size: 0.7em;
font-family: FontAwesome; font-family: FontAwesome;
content: "\f021"; content: "\f021";
color: #cccccc; } color: #cccccc; }
/* line 185, admin-theme/_admin-dashboard.sass */ /* line 174, admin-theme/_admin-dashboard.sass */
#dashboard .loading .data_value span, #dashboard .loading .data_value small { #dashboard .loading .data_value span, #dashboard .loading .data_value small {
display: none; } display: none; }
/* line 187, admin-theme/_admin-dashboard.sass */ /* line 176, admin-theme/_admin-dashboard.sass */
#dashboard .loading .data_trend { #dashboard .loading .data_trend {
display: none; } display: none; }
/* line 212, admin-theme/_admin-dashboard.sass */ /* line 201, admin-theme/_admin-dashboard.sass */
.data_loading, #dashboard .data_value span, #dashboard .data_value .dash_trend { .data_loading, #dashboard .data_value span, #dashboard .data_value .dash_trend {
opacity: 1; opacity: 1;
-webkit-animation-name: bounceG; -webkit-animation-name: bounceG;
@@ -9413,7 +9384,7 @@ li.sortable-placeholder {
transform: scale(0.7); } transform: scale(0.7); }
@-webkit-keyframes bounceG { @-webkit-keyframes bounceG {
/* line 220, admin-theme/_admin-dashboard.sass */ /* line 209, admin-theme/_admin-dashboard.sass */
0% { 0% {
opacity: 0; opacity: 0;
filter: alpha(opacity=0); filter: alpha(opacity=0);
@@ -9421,7 +9392,7 @@ li.sortable-placeholder {
-ms-transform: scale(0.1); -ms-transform: scale(0.1);
transform: scale(0.1); } transform: scale(0.1); }
/* line 223, admin-theme/_admin-dashboard.sass */ /* line 212, admin-theme/_admin-dashboard.sass */
100% { 100% {
opacity: 1; opacity: 1;
filter: alpha(opacity=100); filter: alpha(opacity=100);
@@ -9430,7 +9401,7 @@ li.sortable-placeholder {
transform: scale(1); } } transform: scale(1); } }
@-moz-keyframes bounceG { @-moz-keyframes bounceG {
/* line 220, admin-theme/_admin-dashboard.sass */ /* line 209, admin-theme/_admin-dashboard.sass */
0% { 0% {
opacity: 0; opacity: 0;
filter: alpha(opacity=0); filter: alpha(opacity=0);
@@ -9438,7 +9409,7 @@ li.sortable-placeholder {
-ms-transform: scale(0.1); -ms-transform: scale(0.1);
transform: scale(0.1); } transform: scale(0.1); }
/* line 223, admin-theme/_admin-dashboard.sass */ /* line 212, admin-theme/_admin-dashboard.sass */
100% { 100% {
opacity: 1; opacity: 1;
filter: alpha(opacity=100); filter: alpha(opacity=100);
@@ -9447,7 +9418,7 @@ li.sortable-placeholder {
transform: scale(1); } } transform: scale(1); } }
@-ms-keyframes bounceG { @-ms-keyframes bounceG {
/* line 220, admin-theme/_admin-dashboard.sass */ /* line 209, admin-theme/_admin-dashboard.sass */
0% { 0% {
opacity: 0; opacity: 0;
filter: alpha(opacity=0); filter: alpha(opacity=0);
@@ -9455,7 +9426,7 @@ li.sortable-placeholder {
-ms-transform: scale(0.1); -ms-transform: scale(0.1);
transform: scale(0.1); } transform: scale(0.1); }
/* line 223, admin-theme/_admin-dashboard.sass */ /* line 212, admin-theme/_admin-dashboard.sass */
100% { 100% {
opacity: 1; opacity: 1;
filter: alpha(opacity=100); filter: alpha(opacity=100);
@@ -9464,7 +9435,7 @@ li.sortable-placeholder {
transform: scale(1); } } transform: scale(1); } }
@-o-keyframes bounceG { @-o-keyframes bounceG {
/* line 220, admin-theme/_admin-dashboard.sass */ /* line 209, admin-theme/_admin-dashboard.sass */
0% { 0% {
opacity: 0; opacity: 0;
filter: alpha(opacity=0); filter: alpha(opacity=0);
@@ -9472,7 +9443,7 @@ li.sortable-placeholder {
-ms-transform: scale(0.1); -ms-transform: scale(0.1);
transform: scale(0.1); } transform: scale(0.1); }
/* line 223, admin-theme/_admin-dashboard.sass */ /* line 212, admin-theme/_admin-dashboard.sass */
100% { 100% {
opacity: 1; opacity: 1;
filter: alpha(opacity=100); filter: alpha(opacity=100);
@@ -9481,7 +9452,7 @@ li.sortable-placeholder {
transform: scale(1); } } transform: scale(1); } }
@keyframes bounceG { @keyframes bounceG {
/* line 220, admin-theme/_admin-dashboard.sass */ /* line 209, admin-theme/_admin-dashboard.sass */
0% { 0% {
opacity: 0; opacity: 0;
filter: alpha(opacity=0); filter: alpha(opacity=0);
@@ -9489,7 +9460,7 @@ li.sortable-placeholder {
-ms-transform: scale(0.1); -ms-transform: scale(0.1);
transform: scale(0.1); } transform: scale(0.1); }
/* line 223, admin-theme/_admin-dashboard.sass */ /* line 212, admin-theme/_admin-dashboard.sass */
100% { 100% {
opacity: 1; opacity: 1;
filter: alpha(opacity=100); filter: alpha(opacity=100);
@@ -9497,11 +9468,11 @@ li.sortable-placeholder {
-ms-transform: scale(1); -ms-transform: scale(1);
transform: scale(1); } } transform: scale(1); } }
/* line 227, admin-theme/_admin-dashboard.sass */ /* line 216, admin-theme/_admin-dashboard.sass */
#dash_version { #dash_version {
padding: 0 !important; padding: 0 !important;
overflow: hidden; } overflow: hidden; }
/* line 231, admin-theme/_admin-dashboard.sass */ /* line 220, admin-theme/_admin-dashboard.sass */
#dash_version iframe { #dash_version iframe {
height: 140px; height: 140px;
width: 100%; } width: 100%; }
admin-dev/themes/default/css/admin-theme.sass
-22
View File
@@ -81,37 +81,15 @@ html, body
margin-left: 0 margin-left: 0
width: 100% width: 100%
.navbar-inner
box-shadow: none!important
.input-append
margin-bottom: 0
.breadcrumb
background-color: lighten($bg-content-color,7%)
#nobootstrap #nobootstrap
float: left float: left
//WIP (refacto, keep it simple, order ...)
//todo: remove temp fix for bootstrap RC1 -> final //todo: remove temp fix for bootstrap RC1 -> final
input[type="text"],input[type="search"],input[type="password"], textarea, select input[type="text"],input[type="search"],input[type="password"], textarea, select
@extend .form-control @extend .form-control
fieldset > .row fieldset > .row
@extend .form-group @extend .form-group
//tabs
.nav-tabs
border-bottom: none
li a
font-size: 1.1em
font-family: $headings-font-family
text-transform: uppercase
font-weight: 300
li.active
a, a:hover
background-color: white
//components //components
@import "admin-theme/admin-header" @import "admin-theme/admin-header"
@import "admin-theme/admin-footer" @import "admin-theme/admin-footer"
admin-dev/themes/default/css/admin-theme/_admin-commons.sass
+11
View File
@@ -30,3 +30,14 @@ textarea
@extend .badge @extend .badge
background-color: $brand-danger background-color: $brand-danger
//tabs
.nav-tabs
border-bottom: none
li a
font-size: 1.1em
font-family: $headings-font-family
text-transform: uppercase
font-weight: 300
li.active
a, a:hover
background-color: white
admin-dev/themes/default/css/admin-theme/_admin-dashboard.sass
+5 -16
View File
@@ -31,6 +31,9 @@
font-family: FontAwesome font-family: FontAwesome
content: "\f0aa" content: "\f0aa"
.box-stats
height: 70px
#dashboard #dashboard
section section
header header
@@ -149,22 +152,8 @@
height: 350px height: 350px
#dashproducts #dashproducts
header
margin-bottom: 0
nav
border-bottom: solid 1px #ddd
margin: 0 -11px
ul
margin: 0 -5px
padding: 0
text-decoration: none
background-color: white
li
float: left
li.active
background-color: $brand-primary
a
color: white
#dashactivity #dashactivity
svg svg
height: 150px height: 150px
admin-dev/themes/default/css/admin-theme/_admin-nav.sass
+5 -5
View File
@@ -29,24 +29,25 @@
li.maintab li.maintab
position: relative position: relative
&.active &.active
a.title a.title, a.title:hover
color: contrast-color($brand-primary, white, #333, 10%) color: contrast-color($brand-primary, white, #333, 10%)
background-color: $brand-primary background-color: $brand-primary
i i
color: black color: black
background-color: white background-color: white
&.active &.active
a.title:hover:not(.active) a.title:hover
color: contrast-color($main-color, white, #333, 10%) color: contrast-color($main-color, white, #333, 10%)
&.expanded &.expanded
a.title a.title
color: white color: white
background-color: darken($main-color,10%) background-color: darken($main-color,10%)
border-bottom: solid 1px darken($main-color,25%) border-bottom: solid 1px darken($main-color,25%)
i
color: white
&:hover &:hover
background-color: lighten($main-color,10%) background-color: lighten($main-color,10%)
i
color: white
span.submenu_expand span.submenu_expand
@extend .icon-angle-up @extend .icon-angle-up
ul.submenu ul.submenu
@@ -268,7 +269,6 @@
display: none display: none
//icons //icons
.icon-AdminDashboard .icon-AdminDashboard
@extend .icon-dashboard @extend .icon-dashboard
.icon-AdminCatalog .icon-AdminCatalog
admin-dev/themes/default/css/admin-theme/_admin-tables.sass
+1 -1
View File
@@ -57,4 +57,4 @@ td.actions
min-width: 200px min-width: 200px
.bulk-actions .bulk-actions
margin: 17px 0 margin: 17px 0 0 0
admin-dev/themes/default/template/helpers/kpi/kpi.tpl
+1 -1
View File
@@ -22,7 +22,7 @@
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
* International Registered Trademark & Property of PrestaShop SA * International Registered Trademark & Property of PrestaShop SA
*} *}
<{if $href}a style="display:block" href="{$href|escape}"{else}div{/if} id="{$id|escape}" class="col-lg-3 box-stats {$color|escape}" > <{if $href}a style="display:block" href="{$href|escape}"{else}div{/if} id="{$id|escape}" class="box-stats {$color|escape}" >
{if $icon}<i class="{$icon|escape}"></i>{/if} {if $icon}<i class="{$icon|escape}"></i>{/if}
{if $chart} {if $chart}
<div class="boxchart-overlay"> <div class="boxchart-overlay">
admin-dev/themes/default/template/helpers/kpi/row.tpl
+2
View File
@@ -25,7 +25,9 @@
<div class="panel"> <div class="panel">
<div class="row"> <div class="row">
{foreach $kpis as $kpi} {foreach $kpis as $kpi}
<div class="col-lg-3">
{$kpi} {$kpi}
</div>
{/foreach} {/foreach}
</div> </div>
</div> </div>
modules/dashproducts/views/templates/hook/dashboard_zone_two.tpl
+10 -9
View File
@@ -24,7 +24,8 @@
*} *}
<section id="dashproducts" class="panel widget"> <section id="dashproducts" class="panel widget">
<header class="panel-heading">
<header class="panel-heading row-margin-bottom">
<i class="icon-bar-chart"></i> {l s='Product and Sales'} <i class="icon-bar-chart"></i> {l s='Product and Sales'}
<span class="panel-heading-action"> <span class="panel-heading-action">
<a class="list-toolbar-btn" href="#" title="configure"> <a class="list-toolbar-btn" href="#" title="configure">
@@ -37,7 +38,7 @@
</header> </header>
<nav> <nav>
<ul class="nav"> <ul class="nav nav-tabs">
<li class="active"><a href="#dash_recent_orders" data-toggle="tab"> <li class="active"><a href="#dash_recent_orders" data-toggle="tab">
<i class="icon-fire"></i> {l s='Recent Orders'}</a> <i class="icon-fire"></i> {l s='Recent Orders'}</a>
</li> </li>
@@ -51,9 +52,9 @@
<i class="icon-thumbs-up"></i> {l s='Best Sales'}</a></li> <i class="icon-thumbs-up"></i> {l s='Best Sales'}</a></li>
</ul> </ul>
</nav> </nav>
<div class="tab-content"> <div class="tab-content panel">
<div class="tab-pane active" id="dash_recent_orders"> <div class="tab-pane active" id="dash_recent_orders">
<h4>{l s="Last 10 orders:"}</h4> <h3>{l s="Last 10 orders:"}</h3>
<table class="table data_table" id="table_recent_orders"> <table class="table data_table" id="table_recent_orders">
<thead> <thead>
</thead> </thead>
@@ -62,7 +63,7 @@
</table> </table>
</div> </div>
<div class="tab-pane" id="dash_best_sellers"> <div class="tab-pane" id="dash_best_sellers">
<h4>{l s="Top 5 products:"}</h4> <h3>{l s="Top 5 products:"}</h3>
<table class="table data_table" id="table_best_sellers"> <table class="table data_table" id="table_best_sellers">
<thead> <thead>
</thead> </thead>
@@ -71,7 +72,7 @@
</table> </table>
</div> </div>
<div class="tab-pane" id="dash_most_viewed"> <div class="tab-pane" id="dash_most_viewed">
<h4>{l s="Coming soon"}</h4> <h3>{l s="Coming soon"}</h3>
<table class="table data_table" id="table_most_viewed"> <table class="table data_table" id="table_most_viewed">
<thead> <thead>
</thead> </thead>
@@ -82,7 +83,7 @@
<div class="tab-pane" id="dash_top_search"> <div class="tab-pane" id="dash_top_search">
<div class="row"> <div class="row">
<div class="col-lg-7"> <div class="col-lg-7">
<h4>{l s="Top 10 most search terms:"}</h4> <h3>{l s="Top 10 most search terms:"}</h3>
<table class="table data_table" id="table_top_10_most_search"> <table class="table data_table" id="table_top_10_most_search">
<thead> <thead>
</thead> </thead>
@@ -91,7 +92,7 @@
</table> </table>
</div> </div>
<div class="col-lg-5"> <div class="col-lg-5">
<h4>{l s="Coming soon"}</h4> <h3>{l s="Coming soon"}</h3>
<table class="table data_table" id="table_top_5_search"> <table class="table data_table" id="table_top_5_search">
<thead> <thead>
</thead> </thead>