Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-18 16:30:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: update to 8 - step 2

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

8
src/app/@theme/components/header/header.component.scss
View file

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

2
src/app/@theme/components/search-input/search-input.component.scss
View file

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

2
src/app/@theme/components/theme-settings/theme-settings.component.scss
View file

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

4
src/app/@theme/components/theme-switcher/themes-switcher-list/theme-switcher-list.component.scss
View file

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

14
src/app/@theme/layouts/one-column/one-column.layout.scss
View file

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

16
src/app/@theme/layouts/sample/sample.layout.scss
View file

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

14
src/app/@theme/layouts/three-columns/three-columns.layout.scss
View file

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

14
src/app/@theme/layouts/two-columns/two-columns.layout.scss
View file

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

10
src/app/pages/bootstrap/buttons/buttons.component.scss
View file

@ -4,7 +4,7 @@
@import '~@nebular/theme/styles/global/breakpoints'; @import '~@nebular/theme/styles/global/breakpoints';
@include nb-install-component() { @include nb-install-component() {
/deep/ { ::ng-deep {
$button-size: 50px; $button-size: 50px;
.container-title { .container-title {
@ -70,7 +70,7 @@
} }
@include media-breakpoint-down(is) { @include media-breakpoint-down(is) {
ngx-default-buttons /deep/ nb-card-header { ngx-default-buttons ::ng-deep nb-card-header {
flex-direction: column; flex-direction: column;
align-items: left; align-items: left;
@ -82,19 +82,19 @@
@include media-breakpoint-down(xs) { @include media-breakpoint-down(xs) {
/deep/.icon-buttons .icon-button-examples { ::ng-deep.icon-buttons .icon-button-examples {
button { button {
@include nb-ltr(margin-right, 1rem); @include nb-ltr(margin-right, 1rem);
@include nb-rtl(margin-left, 1rem); @include nb-rtl(margin-left, 1rem);
} }
} }
ngx-default-buttons /deep/ nb-card-header { ngx-default-buttons ::ng-deep nb-card-header {
flex-direction: column; flex-direction: column;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
ngx-block-level-buttons /deep/ { ngx-block-level-buttons ::ng-deep {
.btn-primary { .btn-primary {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
} }

2
src/app/pages/charts/chartjs/chartjs.component.scss
View file

@ -11,7 +11,7 @@
height: nb-theme(card-height-medium); height: nb-theme(card-height-medium);
width: 100%; width: 100%;
/deep/ chart { ::ng-deep chart {
display: block; display: block;
height: 100%; height: 100%;
width: 100%; width: 100%;

2
src/app/pages/charts/d3/d3.component.scss
View file

@ -11,7 +11,7 @@
width: 100%; width: 100%;
height: nb-theme(card-height-medium); height: nb-theme(card-height-medium);
/deep/ { ::ng-deep {
.pie-label { .pie-label {
fill: nb-theme(color-fg-heading); fill: nb-theme(color-fg-heading);
} }

2
src/app/pages/charts/echarts/echarts.component.scss
View file

@ -13,7 +13,7 @@
width: 100%; width: 100%;
} }
/deep/ .echart { ::ng-deep .echart {
height: 100%; height: 100%;
width: 100%; width: 100%;
} }

2
src/app/pages/dashboard/contacts/contacts.component.scss
View file

@ -41,7 +41,7 @@
text-transform: uppercase; text-transform: uppercase;
} }
nb-user /deep/ { nb-user ::ng-deep {
.info-container { .info-container {
@include nb-ltr(margin-left, 0.875rem); @include nb-ltr(margin-left, 0.875rem);
@include nb-rtl(margin-right, 0.875rem); @include nb-rtl(margin-right, 0.875rem);

2
src/app/pages/dashboard/dashboard.component.scss
View file

@ -15,7 +15,7 @@
} }
@include media-breakpoint-down(is) { @include media-breakpoint-down(is) {
/deep/ nb-card.large-card { ::ng-deep nb-card.large-card {
height: nb-theme(card-height-medium); height: nb-theme(card-height-medium);
} }
} }

6
src/app/pages/dashboard/electricity/electricity.component.scss
View file

@ -41,7 +41,7 @@
} }
} }
nb-tabset /deep/ { nb-tabset ::ng-deep {
flex: 1; flex: 1;
overflow: hidden; overflow: hidden;
display: flex; display: flex;
@ -223,7 +223,7 @@
} }
@include nb-for-theme(cosmic) { @include nb-for-theme(cosmic) {
nb-tabset /deep/ ul li.active { nb-tabset ::ng-deep ul li.active {
background-color: nb-theme(color-primary); background-color: nb-theme(color-primary);
border-radius: nb-theme(radius); border-radius: nb-theme(radius);
@ -250,7 +250,7 @@
} }
@include nb-for-theme(corporate) { @include nb-for-theme(corporate) {
nb-tabset /deep/ ul li.active { nb-tabset ::ng-deep ul li.active {
&::before { &::before {
display: none; display: none;
} }

2
src/app/pages/dashboard/rooms/rooms.component.scss
View file

@ -33,7 +33,7 @@
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;
/deep/ .room-selector { ::ng-deep .room-selector {
display: flex; display: flex;
align-items: center; align-items: center;
justify-items: center; justify-items: center;

6
src/app/pages/dashboard/temperature/temperature.component.scss
View file

@ -9,7 +9,7 @@
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
/deep/ ul { ::ng-deep ul {
border: none; border: none;
} }
} }
@ -136,7 +136,7 @@
ngx-temperature-dragger { ngx-temperature-dragger {
max-width: 250px; max-width: 250px;
/deep/ .power-bg { ::ng-deep .power-bg {
width: 4rem; width: 4rem;
height: 4rem; height: 4rem;
font-size: 3rem; font-size: 3rem;
@ -160,7 +160,7 @@
} }
} }
nb-tabset /deep/ ul { nb-tabset ::ng-deep ul {
padding: 0 0.5rem; padding: 0 0.5rem;
a { a {
padding: 1.25rem 1rem; padding: 1.25rem 1rem;

2
src/app/pages/dashboard/traffic/traffic.component.scss
View file

@ -14,7 +14,7 @@
position: relative; position: relative;
} }
/deep/ canvas { ::ng-deep canvas {
border-bottom-left-radius: nb-theme(card-border-radius); border-bottom-left-radius: nb-theme(card-border-radius);
border-bottom-right-radius: nb-theme(card-border-radius); border-bottom-right-radius: nb-theme(card-border-radius);
} }

4
src/app/pages/e-commerce/charts-panel/chart-panel-header/chart-panel-header.component.scss
View file

@ -22,12 +22,12 @@
ngx-legend-chart { ngx-legend-chart {
align-self: flex-start; align-self: flex-start;
/deep/ .legends { ::ng-deep .legends {
padding-left: 0; padding-left: 0;
font-size: nb-theme(font-size-sm); font-size: nb-theme(font-size-sm);
} }
/deep/ .legend { ::ng-deep .legend {
margin-left: 1rem; margin-left: 1rem;
} }
} }

2
src/app/pages/e-commerce/charts-panel/charts-panel.component.scss
View file

@ -6,7 +6,7 @@ $legend-canceled-color: #3f4fda;
@include nb-install-component() { @include nb-install-component() {
/deep/ nb-tabset { ::ng-deep nb-tabset {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;

8
src/app/pages/e-commerce/country-orders/map/country-orders-map.component.scss
View file

@ -21,15 +21,15 @@
} }
} }
/deep/ .leaflet-top, /deep/ .leaflet-bottom { ::ng-deep .leaflet-top, ::ng-deep .leaflet-bottom {
z-index: 997; z-index: 997;
} }
/deep/ .leaflet-bar { ::ng-deep .leaflet-bar {
box-shadow: none; box-shadow: none;
} }
/deep/ .leaflet-control-zoom { ::ng-deep .leaflet-control-zoom {
border: none; border: none;
a { a {
@ -59,7 +59,7 @@
} }
} }
/deep/ .leaflet-control-attribution { ::ng-deep .leaflet-control-attribution {
background: transparent; background: transparent;
a { a {

6
src/app/pages/e-commerce/earning-card/earning-card.component.scss
View file

@ -15,7 +15,7 @@
cursor: pointer; cursor: pointer;
} }
/deep/ .flipped { ::ng-deep .flipped {
.back-container { .back-container {
.nb-arrow-right { .nb-arrow-right {
transform: scaleX(-1); transform: scaleX(-1);
@ -35,14 +35,14 @@
flex: 1; flex: 1;
} }
/deep/ nb-card-header { ::ng-deep nb-card-header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@include nb-rtl(flex-direction, row-reverse); @include nb-rtl(flex-direction, row-reverse);
padding-left: 1rem; padding-left: 1rem;
} }
/deep/ nb-card-body { ::ng-deep nb-card-body {
overflow: hidden; overflow: hidden;
display: flex; display: flex;
} }

2
src/app/pages/e-commerce/earning-card/front-side/earning-card-front.component.scss
View file

@ -81,7 +81,7 @@
position: relative; position: relative;
} }
/deep/ canvas { ::ng-deep canvas {
border-bottom-left-radius: nb-theme(card-border-radius); border-bottom-left-radius: nb-theme(card-border-radius);
border-bottom-right-radius: nb-theme(card-border-radius); border-bottom-right-radius: nb-theme(card-border-radius);
} }

6
src/app/pages/e-commerce/profit-card/back-side/stats-card-back.component.scss
View file

@ -5,7 +5,7 @@
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;
/deep/ nb-card-header { ::ng-deep nb-card-header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -19,7 +19,7 @@
} }
} }
/deep/ nb-card-body { ::ng-deep nb-card-body {
overflow: hidden; overflow: hidden;
display: flex; display: flex;
@ -71,7 +71,7 @@
position: relative; position: relative;
} }
/deep/ canvas { ::ng-deep canvas {
border-bottom-left-radius: nb-theme(card-border-radius); border-bottom-left-radius: nb-theme(card-border-radius);
border-bottom-right-radius: nb-theme(card-border-radius); border-bottom-right-radius: nb-theme(card-border-radius);
} }

4
src/app/pages/e-commerce/profit-card/front-side/stats-card-front.component.scss
View file

@ -5,7 +5,7 @@
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;
/deep/ nb-card-header { ::ng-deep nb-card-header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -19,7 +19,7 @@
} }
} }
/deep/ nb-card-body { ::ng-deep nb-card-body {
display: flex; display: flex;
position: relative; position: relative;
flex: 1; flex: 1;

2
src/app/pages/e-commerce/progress-section/progress-section.component.scss
View file

@ -29,7 +29,7 @@ $shadow-green: #00977e;
margin-top: 0.5rem; margin-top: 0.5rem;
} }
/deep/ nb-progress-bar { ::ng-deep nb-progress-bar {
margin-top: 0.2rem; margin-top: 0.2rem;
.progress-container { .progress-container {

2
src/app/pages/e-commerce/traffic-reveal-card/back-side/traffic-back-card.component.scss
View file

@ -17,7 +17,7 @@
position: relative; position: relative;
} }
/deep/ canvas { ::ng-deep canvas {
border-bottom-left-radius: nb-theme(card-border-radius); border-bottom-left-radius: nb-theme(card-border-radius);
border-bottom-right-radius: nb-theme(card-border-radius); border-bottom-right-radius: nb-theme(card-border-radius);
} }

2
src/app/pages/e-commerce/traffic-reveal-card/traffic-reveal-card.component.scss
View file

@ -12,7 +12,7 @@
} }
nb-card-back { nb-card-back {
/deep/ nb-card-header { ::ng-deep nb-card-header {
border: none; border: none;
} }
} }

2
src/app/pages/e-commerce/visitors-analytics/visitors-analytics.component.scss
View file

@ -46,7 +46,7 @@
@include media-breakpoint-down(is) { @include media-breakpoint-down(is) {
ngx-legend-chart { ngx-legend-chart {
/deep/ .legends { ::ng-deep .legends {
padding-left: 0; padding-left: 0;
font-size: nb-theme(font-size-sm); font-size: nb-theme(font-size-sm);
} }

4
src/app/pages/e-commerce/visitors-analytics/visitors-statistics/visitors-statistics.component.scss
View file

@ -45,12 +45,12 @@
// legend start // legend start
.visitors-statistics-legend { .visitors-statistics-legend {
/deep/ .legends { ::ng-deep .legends {
padding: 0; padding: 0;
margin-left: 0; margin-left: 0;
} }
/deep/ .legend { ::ng-deep .legend {
flex: 1; flex: 1;
margin-left: 0; margin-left: 0;
justify-content: flex-start; justify-content: flex-start;

2
src/app/pages/extra-components/chat/chat.component.scss
View file

@ -4,7 +4,7 @@
@import '../../../@theme/styles/themes'; @import '../../../@theme/styles/themes';
@include nb-install-component() { @include nb-install-component() {
/deep/ nb-layout-column { ::ng-deep nb-layout-column {
justify-content: center; justify-content: center;
display: flex; display: flex;
} }

2
src/app/pages/extra-components/spinner/spinner.component.scss
View file

@ -5,7 +5,7 @@
margin: 1rem; margin: 1rem;
} }
/deep/ nb-spinner { ::ng-deep nb-spinner {
z-index: 999; z-index: 999;
} }
} }

2
src/app/pages/extra-components/stepper/stepper.component.scss
View file

@ -1,7 +1,7 @@
@import '../../../@theme/styles/themes'; @import '../../../@theme/styles/themes';
@include nb-install-component() { @include nb-install-component() {
/deep/ nb-stepper .step-content { ::ng-deep nb-stepper .step-content {
text-align: center; text-align: center;
button { button {

4
src/app/pages/extra-components/tabs/tabs.component.scss
View file

@ -13,13 +13,13 @@
padding: nb-theme(padding); padding: nb-theme(padding);
} }
/deep/ ngx-tab1, /deep/ ngx-tab2 { ::ng-deep ngx-tab1, ::ng-deep ngx-tab2 {
display: block; display: block;
padding: nb-theme(padding); padding: nb-theme(padding);
} }
@include media-breakpoint-down(xs) { @include media-breakpoint-down(xs) {
nb-tabset /deep/ul { nb-tabset ::ng-deepul {
font-size: 1rem; font-size: 1rem;
padding: 0 0.25rem; padding: 0 0.25rem;
} }

2
src/app/pages/extra-components/tree/tree.component.scss
View file

@ -2,7 +2,7 @@
@include nb-install-component() { @include nb-install-component() {
/deep/ .angular-tree-component { ::ng-deep .angular-tree-component {
cursor: default; cursor: default;
.node-wrapper { .node-wrapper {

8
src/app/pages/forms/buttons/action-groups/action-groups.component.scss
View file

@ -37,11 +37,11 @@
nb-action { nb-action {
padding: 0 0.5rem; padding: 0 0.5rem;
/deep/ .control-icon { ::ng-deep .control-icon {
font-size: 1.75rem; font-size: 1.75rem;
} }
} }
nb-user /deep/ { nb-user ::ng-deep {
.user-container { .user-container {
font-size: 0.875rem; font-size: 0.875rem;
} }
@ -56,11 +56,11 @@
nb-action { nb-action {
padding: 0 0.375rem; padding: 0 0.375rem;
/deep/ .control-icon { ::ng-deep .control-icon {
font-size: 1.5rem; font-size: 1.5rem;
} }
} }
nb-user /deep/ { nb-user ::ng-deep {
.user-container { .user-container {
font-size: 0.75rem; font-size: 0.75rem;
} }

10
src/app/pages/forms/buttons/buttons.component.scss
View file

@ -4,7 +4,7 @@
@import '~@nebular/theme/styles/global/breakpoints'; @import '~@nebular/theme/styles/global/breakpoints';
@include nb-install-component() { @include nb-install-component() {
/deep/ { ::ng-deep {
$button-size: 50px; $button-size: 50px;
.container-title { .container-title {
@ -70,7 +70,7 @@
} }
@include media-breakpoint-down(is) { @include media-breakpoint-down(is) {
ngx-default-buttons /deep/ nb-card-header { ngx-default-buttons ::ng-deep nb-card-header {
flex-direction: column; flex-direction: column;
align-items: left; align-items: left;
@ -82,19 +82,19 @@
@include media-breakpoint-down(xs) { @include media-breakpoint-down(xs) {
/deep/.icon-buttons .icon-button-examples { ::ng-deep.icon-buttons .icon-button-examples {
button { button {
@include nb-ltr(margin-right, 1rem); @include nb-ltr(margin-right, 1rem);
@include nb-rtl(margin-left, 1rem); @include nb-rtl(margin-left, 1rem);
} }
} }
ngx-default-buttons /deep/ nb-card-header { ngx-default-buttons ::ng-deep nb-card-header {
flex-direction: column; flex-direction: column;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
ngx-block-level-buttons /deep/ { ngx-block-level-buttons ::ng-deep {
.btn-primary { .btn-primary {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
} }

2
src/app/pages/maps/gmaps/gmaps.component.scss
View file

@ -6,7 +6,7 @@
padding: 0; padding: 0;
} }
/deep/ agm-map { ::ng-deep agm-map {
width: 100%; width: 100%;
height: nb-theme(card-height-large); height: nb-theme(card-height-large);
} }

4
src/app/pages/maps/leaflet/leaflet.component.scss
View file

@ -6,11 +6,11 @@
padding: 0; padding: 0;
} }
/deep/ .leaflet-top, /deep/ .leaflet-bottom { ::ng-deep .leaflet-top, ::ng-deep .leaflet-bottom {
z-index: 997; z-index: 997;
} }
/deep/ .leaflet-container { ::ng-deep .leaflet-container {
width: 100%; width: 100%;
height: nb-theme(card-height-large); height: nb-theme(card-height-large);
} }

2
src/app/pages/maps/search-map/map/map.component.scss
View file

@ -6,7 +6,7 @@
padding: 0; padding: 0;
} }
/deep/ agm-map { ::ng-deep agm-map {
width: 100%; width: 100%;
height: nb-theme(card-height-large); height: nb-theme(card-height-large);
} }

4
src/app/pages/modal-overlays/popovers/popovers.component.scss
View file

@ -1,6 +1,6 @@
@import '~@nebular/theme/styles/core/mixins'; @import '~@nebular/theme/styles/core/mixins';
/deep/ nb-card.popover-card { ::ng-deep nb-card.popover-card {
margin-bottom: 0; margin-bottom: 0;
width: 300px; width: 300px;
box-shadow: none; box-shadow: none;
@ -12,7 +12,7 @@
@include nb-rtl(margin, 0 0 2rem 0.75rem); @include nb-rtl(margin, 0 0 2rem 0.75rem);
} }
/deep/ .btn-outline-secondary { ::ng-deep .btn-outline-secondary {
@include nb-ltr(margin, 0 0.5rem 0.5rem 0); @include nb-ltr(margin, 0 0.5rem 0.5rem 0);
@include nb-rtl(margin, 0 0 0.5rem 0.5rem); @include nb-rtl(margin, 0 0 0.5rem 0.5rem);
} }

2
src/app/pages/modal-overlays/toastr/toastr.component.scss
View file

@ -14,7 +14,7 @@
} }
/* stylelint-disable */ /* stylelint-disable */
toaster-container /deep/ { toaster-container ::ng-deep {
#toast-container .toast-close-button { #toast-container .toast-close-button {
right: 0; right: 0;
} }

2
src/app/pages/modal-overlays/window/window-form/window-form.component.scss
View file

@ -1,7 +1,7 @@
@import '../../../../@theme/styles/themes'; @import '../../../../@theme/styles/themes';
@include nb-install-component() { @include nb-install-component() {
/deep/ .form { ::ng-deep .form {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

2
src/app/pages/pages.component.scss
View file

@ -1,7 +1,7 @@
@import '../@theme/styles/themes'; @import '../@theme/styles/themes';
@include nb-install-component() { @include nb-install-component() {
/deep/ router-outlet + * { ::ng-deep router-outlet + * {
display: block; display: block;
animation: fade 1s; animation: fade 1s;