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);
}
.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;
}
}

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 {
background: transparent;
}

2
src/app/@theme/components/theme-settings/theme-settings.component.scss
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;

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;
@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;
}
}

14
src/app/@theme/layouts/one-column/one-column.layout.scss
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);

16
src/app/@theme/layouts/sample/sample.layout.scss
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);

14
src/app/@theme/layouts/three-columns/three-columns.layout.scss
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);

14
src/app/@theme/layouts/two-columns/two-columns.layout.scss
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);

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

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

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

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

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

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

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

@ -41,7 +41,7 @@
text-transform: uppercase;
}
nb-user /deep/ {
nb-user ::ng-deep {
.info-container {
@include nb-ltr(margin-left, 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) {
/deep/ nb-card.large-card {
::ng-deep nb-card.large-card {
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;
overflow: hidden;
display: flex;
@ -223,7 +223,7 @@
}
@include nb-for-theme(cosmic) {
nb-tabset /deep/ ul li.active {
nb-tabset ::ng-deep ul li.active {
background-color: nb-theme(color-primary);
border-radius: nb-theme(radius);
@ -250,7 +250,7 @@
}
@include nb-for-theme(corporate) {
nb-tabset /deep/ ul li.active {
nb-tabset ::ng-deep ul li.active {
&::before {
display: none;
}

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

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

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

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

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

@ -14,7 +14,7 @@
position: relative;
}
/deep/ canvas {
::ng-deep canvas {
border-bottom-left-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 {
align-self: flex-start;
/deep/ .legends {
::ng-deep .legends {
padding-left: 0;
font-size: nb-theme(font-size-sm);
}
/deep/ .legend {
::ng-deep .legend {
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() {
/deep/ nb-tabset {
::ng-deep nb-tabset {
display: flex;
flex-direction: column;
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;
}
/deep/ .leaflet-bar {
::ng-deep .leaflet-bar {
box-shadow: none;
}
/deep/ .leaflet-control-zoom {
::ng-deep .leaflet-control-zoom {
border: none;
a {
@ -59,7 +59,7 @@
}
}
/deep/ .leaflet-control-attribution {
::ng-deep .leaflet-control-attribution {
background: transparent;
a {

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

@ -15,7 +15,7 @@
cursor: pointer;
}
/deep/ .flipped {
::ng-deep .flipped {
.back-container {
.nb-arrow-right {
transform: scaleX(-1);
@ -35,14 +35,14 @@
flex: 1;
}
/deep/ nb-card-header {
::ng-deep nb-card-header {
display: flex;
justify-content: space-between;
@include nb-rtl(flex-direction, row-reverse);
padding-left: 1rem;
}
/deep/ nb-card-body {
::ng-deep nb-card-body {
overflow: hidden;
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;
}
/deep/ canvas {
::ng-deep canvas {
border-bottom-left-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: 1;
/deep/ nb-card-header {
::ng-deep nb-card-header {
display: flex;
justify-content: space-between;
@ -19,7 +19,7 @@
}
}
/deep/ nb-card-body {
::ng-deep nb-card-body {
overflow: hidden;
display: flex;
@ -71,7 +71,7 @@
position: relative;
}
/deep/ canvas {
::ng-deep canvas {
border-bottom-left-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: 1;
/deep/ nb-card-header {
::ng-deep nb-card-header {
display: flex;
justify-content: space-between;
@ -19,7 +19,7 @@
}
}
/deep/ nb-card-body {
::ng-deep nb-card-body {
display: flex;
position: relative;
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;
}
/deep/ nb-progress-bar {
::ng-deep nb-progress-bar {
margin-top: 0.2rem;
.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;
}
/deep/ canvas {
::ng-deep canvas {
border-bottom-left-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 {
/deep/ nb-card-header {
::ng-deep nb-card-header {
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) {
ngx-legend-chart {
/deep/ .legends {
::ng-deep .legends {
padding-left: 0;
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
.visitors-statistics-legend {
/deep/ .legends {
::ng-deep .legends {
padding: 0;
margin-left: 0;
}
/deep/ .legend {
::ng-deep .legend {
flex: 1;
margin-left: 0;
justify-content: flex-start;

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

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

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

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

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

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

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

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

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

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

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

@ -37,11 +37,11 @@
nb-action {
padding: 0 0.5rem;
/deep/ .control-icon {
::ng-deep .control-icon {
font-size: 1.75rem;
}
}
nb-user /deep/ {
nb-user ::ng-deep {
.user-container {
font-size: 0.875rem;
}
@ -56,11 +56,11 @@
nb-action {
padding: 0 0.375rem;
/deep/ .control-icon {
::ng-deep .control-icon {
font-size: 1.5rem;
}
}
nb-user /deep/ {
nb-user ::ng-deep {
.user-container {
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';
@include nb-install-component() {
/deep/ {
::ng-deep {
$button-size: 50px;
.container-title {
@ -70,7 +70,7 @@
}
@include media-breakpoint-down(is) {
ngx-default-buttons /deep/ nb-card-header {
ngx-default-buttons ::ng-deep nb-card-header {
flex-direction: column;
align-items: left;
@ -82,19 +82,19 @@
@include media-breakpoint-down(xs) {
/deep/.icon-buttons .icon-button-examples {
::ng-deep.icon-buttons .icon-button-examples {
button {
@include nb-ltr(margin-right, 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;
margin-bottom: 0.5rem;
}
ngx-block-level-buttons /deep/ {
ngx-block-level-buttons ::ng-deep {
.btn-primary {
padding: 0.75rem 1rem;
}

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

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

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

@ -6,11 +6,11 @@
padding: 0;
}
/deep/ .leaflet-top, /deep/ .leaflet-bottom {
::ng-deep .leaflet-top, ::ng-deep .leaflet-bottom {
z-index: 997;
}
/deep/ .leaflet-container {
::ng-deep .leaflet-container {
width: 100%;
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;
}
/deep/ agm-map {
::ng-deep agm-map {
width: 100%;
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';
/deep/ nb-card.popover-card {
::ng-deep nb-card.popover-card {
margin-bottom: 0;
width: 300px;
box-shadow: none;
@ -12,7 +12,7 @@
@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-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 */
toaster-container /deep/ {
toaster-container ::ng-deep {
#toast-container .toast-close-button {
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';
@include nb-install-component() {
/deep/ .form {
::ng-deep .form {
display: flex;
flex-direction: column;

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

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