feat: update to 8 - step 2

This commit is contained in:
nixa 2019-05-28 23:28:56 +03:00
parent 0c3dde2fdb
commit fcb65af61f
44 changed files with 101 additions and 101 deletions

View file

@ -72,7 +72,7 @@
@include nb-rtl(border, none);
}
.header-container /deep/ ngx-theme-switcher .dropdown-toggle {
.header-container ::ng-deep ngx-theme-switcher .dropdown-toggle {
color: nb-theme(color-white);
background: transparent;
}
@ -94,7 +94,7 @@
}
}
.toggle-settings /deep/ a {
.toggle-settings ::ng-deep a {
display: block;
text-decoration: none;
line-height: 1;
@ -178,7 +178,7 @@
@include media-breakpoint-down(sm) {
nb-user /deep/ .user-name {
nb-user ::ng-deep .user-name {
display: none;
}
}
@ -205,7 +205,7 @@
}
@include media-breakpoint-down(xs) {
.right /deep/ {
.right ::ng-deep {
display: none;
}
}

View file

@ -25,7 +25,7 @@
}
}
/deep/ search-input {
::ng-deep search-input {
input {
background: transparent;
}

View file

@ -57,7 +57,7 @@
font-size: 1.524rem;
width: 12rem;
/deep/ ngx-switcher {
::ng-deep ngx-switcher {
.switch-label span {
font-size: 1em;
font-weight: normal;

View file

@ -12,7 +12,7 @@ $icon-top-color-cosmic: #a258fe;
$icon-top-color-corporate: #e9e8eb;
@include nb-install-component() {
/deep/ .themes-switcher-list {
::ng-deep .themes-switcher-list {
padding: 1rem 2rem 1.25rem 0.5rem;
margin: 0;
@ -69,7 +69,7 @@ $icon-top-color-corporate: #e9e8eb;
}
@include media-breakpoint-down(is) {
/deep/ .themes-switcher-list {
::ng-deep .themes-switcher-list {
display: none;
}
}

View file

@ -17,7 +17,7 @@
&.collapsed {
width: 0;
/deep/ .main-container {
::ng-deep .main-container {
width: 0;
.scrollable {
@ -27,7 +27,7 @@
}
}
/deep/ .main-container {
::ng-deep .main-container {
width: $sidebar-width;
background: nb-theme(color-bg);
transition: width 0.3s ease;
@ -51,7 +51,7 @@
margin-top: 0;
}
/deep/ .main-container {
::ng-deep .main-container {
height:
calc(#{nb-theme(sidebar-height)} - #{nb-theme(header-height)} - #{nb-theme(sidebar-header-gap)}) !important;
@include nb-ltr(border-top-right-radius, nb-theme(radius));
@ -64,7 +64,7 @@
}
}
/deep/ .scrollable {
::ng-deep .scrollable {
@include nb-for-theme(corporate) {
padding-top: 0;
@ -74,7 +74,7 @@
}
}
/deep/ nb-sidebar-header {
::ng-deep nb-sidebar-header {
padding-bottom: 0.5rem;
text-align: center;
}
@ -107,7 +107,7 @@
&.compacted {
/deep/ nb-sidebar-header {
::ng-deep nb-sidebar-header {
padding-left: 0;
padding-right: 0;
}
@ -139,7 +139,7 @@
margin-top: 0;
/deep/ .main-container {
::ng-deep .main-container {
height: calc(#{nb-theme(sidebar-height)} - #{nb-theme(header-height)}) !important;
@include nb-ltr(border-top-right-radius, 0);
@include nb-rtl(border-top-left-radius, 0);

View file

@ -24,12 +24,12 @@
transform: translate3d(0, 0, 0);
}
/deep/ .scrollable {
::ng-deep .scrollable {
width: $sidebar-width;
padding: 3.4rem 0.25rem;
}
/deep/ .main-container {
::ng-deep .main-container {
width: $sidebar-width;
background: nb-theme(color-bg);
transition: transform 0.3s ease;
@ -54,7 +54,7 @@
margin-top: 0;
}
/deep/ .main-container {
::ng-deep .main-container {
height:
calc(#{nb-theme(sidebar-height)} - #{nb-theme(header-height)} - #{nb-theme(sidebar-header-gap)}) !important;
@include nb-ltr(border-top-right-radius, nb-theme(radius));
@ -67,7 +67,7 @@
}
}
/deep/ .scrollable {
::ng-deep .scrollable {
@include nb-for-theme(corporate) {
padding-top: 0;
@ -77,7 +77,7 @@
}
}
/deep/ nb-sidebar-header {
::ng-deep nb-sidebar-header {
padding-bottom: 0.5rem;
text-align: center;
}
@ -108,7 +108,7 @@
}
}
/deep/ nb-menu {
::ng-deep nb-menu {
& > .menu-items {
& > .menu-item:first-child {
.menu-title {
@ -132,7 +132,7 @@
&.compacted {
/deep/ nb-sidebar-header {
::ng-deep nb-sidebar-header {
padding-left: 0;
padding-right: 0;
}
@ -164,7 +164,7 @@
margin-top: 0;
/deep/ .main-container {
::ng-deep .main-container {
height: calc(#{nb-theme(sidebar-height)} - #{nb-theme(header-height)}) !important;
@include nb-ltr(border-top-right-radius, 0);
@include nb-rtl(border-top-left-radius, 0);

View file

@ -17,7 +17,7 @@
&.collapsed {
width: 0;
/deep/ .main-container {
::ng-deep .main-container {
width: 0;
.scrollable {
@ -27,7 +27,7 @@
}
}
/deep/ .main-container {
::ng-deep .main-container {
width: $sidebar-width;
background: nb-theme(color-bg);
transition: width 0.3s ease;
@ -51,7 +51,7 @@
margin-top: 0;
}
/deep/ .main-container {
::ng-deep .main-container {
height:
calc(#{nb-theme(sidebar-height)} - #{nb-theme(header-height)} - #{nb-theme(sidebar-header-gap)}) !important;
@include nb-ltr(border-top-right-radius, nb-theme(radius));
@ -64,7 +64,7 @@
}
}
/deep/ .scrollable {
::ng-deep .scrollable {
@include nb-for-theme(corporate) {
padding-top: 0;
@ -74,7 +74,7 @@
}
}
/deep/ nb-sidebar-header {
::ng-deep nb-sidebar-header {
padding-bottom: 0.5rem;
text-align: center;
}
@ -107,7 +107,7 @@
&.compacted {
/deep/ nb-sidebar-header {
::ng-deep nb-sidebar-header {
padding-left: 0;
padding-right: 0;
}
@ -139,7 +139,7 @@
margin-top: 0;
/deep/ .main-container {
::ng-deep .main-container {
height: calc(#{nb-theme(sidebar-height)} - #{nb-theme(header-height)}) !important;
@include nb-ltr(border-top-right-radius, 0);
@include nb-rtl(border-top-left-radius, 0);

View file

@ -17,7 +17,7 @@
&.collapsed {
width: 0;
/deep/ .main-container {
::ng-deep .main-container {
width: 0;
.scrollable {
@ -27,7 +27,7 @@
}
}
/deep/ .main-container {
::ng-deep .main-container {
width: $sidebar-width;
background: nb-theme(color-bg);
transition: width 0.3s ease;
@ -51,7 +51,7 @@
margin-top: 0;
}
/deep/ .main-container {
::ng-deep .main-container {
height:
calc(#{nb-theme(sidebar-height)} - #{nb-theme(header-height)} - #{nb-theme(sidebar-header-gap)}) !important;
@include nb-ltr(border-top-right-radius, nb-theme(radius));
@ -65,7 +65,7 @@
}
}
/deep/ .scrollable {
::ng-deep .scrollable {
@include nb-for-theme(corporate) {
padding-top: 0;
@ -75,7 +75,7 @@
}
}
/deep/ nb-sidebar-header {
::ng-deep nb-sidebar-header {
padding-bottom: 0.5rem;
text-align: center;
}
@ -108,7 +108,7 @@
&.compacted {
/deep/ nb-sidebar-header {
::ng-deep nb-sidebar-header {
padding-left: 0;
padding-right: 0;
}
@ -140,7 +140,7 @@
margin-top: 0;
/deep/ .main-container {
::ng-deep .main-container {
height: calc(#{nb-theme(sidebar-height)} - #{nb-theme(header-height)}) !important;
@include nb-ltr(border-top-right-radius, 0);
@include nb-rtl(border-top-left-radius, 0);