Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-01-19 15:56:10 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

styles refactoring as per 1.x theme update

Browse source
This commit is contained in:
nixa 2016-05-16 16:30:56 +03:00
parent 6c8e632164
commit 06d0dc1c99
23 changed files with 590 additions and 705 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/app/theme/components/contentTop/contentTop.scss
View file

@ -7,7 +7,7 @@
h1.al-title {
font-weight: $font-bold;
color: #ffffff;
color: $default-text;
float: left;
width: auto;
margin: 0;
@ -19,14 +19,14 @@ h1.al-title {
.al-breadcrumb {
background: none;
color: #ffffff;
color: $default-text;
padding: 0;
margin: 0;
float: right;
padding-top: 11px;
li {
font-size: 18px;
font-weight: $font-light;
font-weight: $font-normal;
}
}

27
src/app/theme/components/msgCenter/msgCenter.scss
View file

@ -29,7 +29,7 @@
margin-left: 0;
}
& > a {
color: #ffffff;
color: $sidebar-text;
text-decoration: none;
font-size: 13px;
position: relative;
@ -37,7 +37,7 @@
display: inline-block;
min-width: 10px;
padding: 2px 4px 2px 4px;
color: #ffffff;
color: $sidebar-text;
vertical-align: baseline;
white-space: nowrap;
text-align: center;
@ -113,20 +113,21 @@
left: auto;
right: -47px;
top: 26px;
@include scrollbars(.4em, rgba(0, 0, 0, 0.5), #fff);
@include scrollbars(.4em, rgba(0,0,0,0.5), #fff);
.header {
padding: 10px 12px;
border-bottom: 1px solid $border-light;
border-bottom: 1px solid $default;
font-size: 12px;
strong {
float: left;
color: $dropdown-text;
}
& > a {
float: right;
margin-left: 12px;
text-decoration: none;
&:hover {
color: $default-text;
color: $dropdown-text;
}
}
}
@ -135,11 +136,11 @@
overflow: scroll;
overflow-x: hidden;
& > a {
border-top: 1px solid $border-light;
border-top: 1px solid $default;
padding: 10px 12px;
display: block;
text-decoration: none;
color: $default-text;
color: $dropdown-text;
font-size: 12px;
&:first-child {
border-top: none;
@ -150,7 +151,7 @@
img {
width: 36px;
height: 36px;
&.photo-msg-item {
&.photo-msg-item{
border-radius: 18px;
}
}
@ -193,14 +194,14 @@
}
}
& > a {
border-top: 1px solid $border-light;
border-top: 1px solid $default;
display: block;
text-align: center;
padding: 10px;
font-size: 12px;
text-decoration: none;
&:hover {
color: $default-text;
color: $dropdown-text;
}
}
@ -212,10 +213,10 @@
text-align: left;
border: none;
text-decoration: none;
color: $default-text;
color: $dropdown-text;
padding: 4px 16px 4px 20px;
&.signout {
border-top: 1px solid $border-light;
border-top: 1px solid $default;
}
i {
margin-right: 10px;
@ -248,7 +249,7 @@
width: 0;
height: 0;
border: 10px solid transparent;
border-bottom-color: #ffffff;
border-bottom-color: $default;
}
}
}

26
src/app/theme/components/pageTop/pageTop.scss
View file

@ -2,7 +2,7 @@
@import '../../components/msgCenter/msgCenter';
.page-top {
@include bg-translucent-dark(0.5);
background-color: $sidebar;
position: fixed;
z-index: 904;
box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.5);
@ -12,16 +12,12 @@
padding: 0 32px 0 40px;
&.scrolled {
@include bg-translucent-dark(0.85);
}
.dropdown-toggle::after {
display: none;
background-color: rgba(black, 0.85)
}
}
a.al-logo {
color: #ffffff;
color: $sidebar-text;
display: block;
font-size: 24px;
font-family: $font-family;
@ -29,11 +25,6 @@ a.al-logo {
float: left;
outline: none !important;
line-height: 60px;
text-decoration: none;
&:hover {
color: $hoverlink;
}
span {
color: $primary;
@ -67,7 +58,7 @@ a.al-logo {
}
a.refresh-data {
color: #ffffff;
color: $sidebar-text;
font-size: 13px;
text-decoration: none;
font-weight: $font-normal;
@ -86,7 +77,7 @@ a.collapse-menu-link {
display: block;
text-decoration: none;
line-height: 42px;
color: #fff;
color: $sidebar-text;
padding: 0;
float: left;
margin: 11px 0 0 25px;
@ -119,7 +110,7 @@ a.collapse-menu-link {
.search {
text-shadow: none;
color: #fff;
color: $sidebar-text;
font-size: 13px;
line-height: 25px;
transition: all 0.5s ease;
@ -164,7 +155,7 @@ a.collapse-menu-link {
}
@media (max-width: $resXXS) {
.user-profile {
.user-profile{
min-width: 136px;
}
a.refresh-data {
@ -179,6 +170,7 @@ a.collapse-menu-link {
}
}
.profile-toggle-link {
.profile-toggle-link{
cursor: pointer;
}

31
src/app/theme/components/sidebar/sidebar.scss
View file

@ -11,7 +11,7 @@ $angle-right: "\f101";
z-index: 904;
display: block;
min-height: 100%;
@include bg-translucent-dark(0.5);
background-color: $sidebar;
height: 100%;
position: fixed;
}
@ -40,14 +40,28 @@ $angle-right: "\f101";
&.selected:not(.with-sub-menu) {
background-color: $primary;
a.al-sidebar-list-link {
color: $default;
color: $sidebar-text;
b {
color: $default;
color: $sidebar-text;
}
}
}
}
.al-sidebar-list-item, .ba-sidebar-sublist-item {
&.ba-sidebar-item-expanded {
> .al-sidebar-list-link {
b {
transform: rotate(180deg);
}
}
> .al-sidebar-sublist {
display: block;
}
}
}
a.al-sidebar-list-link {
display: block;
height: 42px;
@ -55,7 +69,7 @@ a.al-sidebar-list-link {
text-shadow: none;
font-size: 13px;
text-decoration: none;
color: #ffffff;
color: $sidebar-text;
line-height: 42px;
white-space: nowrap;
overflow: hidden;
@ -84,7 +98,8 @@ a.al-sidebar-list-link {
top: 12px;
padding: 0;
text-align: center;
color: #cccccc;
color: $sidebar-text;
transition: transform 0.2s linear;
}
}
@ -123,7 +138,7 @@ a.al-sidebar-list-link {
text-shadow: none;
font-size: 13px;
text-decoration: none;
color: #ffffff;
color: $sidebar-text;
padding-left: 52px;
height: auto;
line-height: 29px;
@ -135,7 +150,7 @@ a.al-sidebar-list-link {
border: none;
background-color: $primary;
&:hover {
color: $default;
color: $sidebar-text;
}
}
@ -146,7 +161,7 @@ a.al-sidebar-list-link {
@include default-sublist();
}
.sidebar-hover-elem {
.sidebar-hover-elem{
width: 4px;
background: $primary;
position: absolute;