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

feat: RTL support (#1634)

Browse source
This commit is contained in:
Sergey Andrievskiy 2018-05-11 17:25:02 +03:00 • committed by Dmitry Nehaychik
parent 06d2197583
commit 3b63759e84
40 changed files with 660 additions and 196 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/app/pages/ui-features/buttons/action-groups/action-groups.component.scss
View file

@ -30,7 +30,8 @@
padding: 0.75rem;
.action-groups-header {
margin: 0 0 0.5rem 0.25rem;
@include nb-ltr(margin, 0 0 0.5rem 0.25rem);
@include nb-rtl(margin, 0 0.25rem 0.5rem 0);
}
}

6
src/app/pages/ui-features/buttons/button-groups/button-groups.component.scss
View file

@ -10,7 +10,8 @@
}
.pagination-container {
margin-right: 1rem;
@include nb-ltr(margin-right, 1rem);
@include nb-rtl(margin-left, 1rem);
.btn-group > .btn {
padding-left: 1.125rem;
@ -53,7 +54,8 @@
> label {
flex-basis: 10%;
margin: 0 0.25rem 0.5rem 0;
@include nb-ltr(margin, 0 0.25rem 0.5rem 0);
@include nb-rtl(margin, 0 0 0.5rem 0.25rem);
}
}

7
src/app/pages/ui-features/buttons/buttons.component.scss
View file

@ -46,12 +46,14 @@
flex-direction: column;
justify-content: center;
margin-left: 1rem;
margin-right: 1rem;
height: $button-size;
}
}
.example-container {
padding-right: 0;
@include nb-ltr(padding-right, 0);
@include nb-rtl(padding-left, 0);
}
.example-container .container-btn {
@ -78,7 +80,8 @@
/deep/.icon-buttons .icon-button-examples {
button {
margin-right: 1rem;
@include nb-ltr(margin-right, 1rem);
@include nb-rtl(margin-left, 1rem);
}
}

3
src/app/pages/ui-features/buttons/icon-buttons/icon-buttons.component.scss
View file

@ -18,10 +18,9 @@ nb-card-body {
.icon-button-examples {
display: flex;
justify-content: flex-start;
justify-content: space-between;
button {
margin-right: 2rem;
min-width: 4rem;
}
}

6
src/app/pages/ui-features/buttons/labeled-actions-group/labeled-actions-group.component.scss
View file

@ -12,7 +12,8 @@
i {
color: nb-theme(color-fg);
font-size: 2.5rem;
margin-right: 1rem;
@include nb-ltr(margin-right, 1rem);
@include nb-rtl(margin-left, 1rem);
}
span {
@ -37,7 +38,8 @@
font-size: 0.75rem;
i {
font-size: 2rem;
margin-right: 0.5rem;
@include nb-ltr(margin-right, 0.5rem);
@include nb-rtl(margin-left, 0.5rem);
}
}
}

8
src/app/pages/ui-features/modals/modals.component.scss
View file

@ -1,4 +1,8 @@
@import '~@nebular/theme/styles/core/mixins';
button {
margin: 0 0.75rem 2rem 0;
:host {
button {
@include nb-ltr(margin, 0 0.75rem 2rem 0);
@include nb-rtl(margin, 0 0 2rem 0.75rem);
}
}

16
src/app/pages/ui-features/popovers/popovers.component.scss
View file

@ -1,6 +1,4 @@
button.with-margins {
margin: 0 0.75rem 2rem 0;
}
@import '~@nebular/theme/styles/core/mixins';
/deep/ nb-card.popover-card {
margin-bottom: 0;
@ -8,6 +6,14 @@ button.with-margins {
box-shadow: none;
}
:host /deep/ .btn-outline-secondary {
margin: 0 0.5rem 0.5rem 0;
:host {
button.with-margins {
@include nb-ltr(margin, 0 0.75rem 2rem 0);
@include nb-rtl(margin, 0 0 2rem 0.75rem);
}
/deep/ .btn-outline-secondary {
@include nb-ltr(margin, 0 0.5rem 0.5rem 0);
@include nb-rtl(margin, 0 0 0.5rem 0.5rem);
}
}

4
src/app/pages/ui-features/typography/typography.component.scss
View file

@ -76,6 +76,7 @@
align-items: flex-end;
span {
padding-right: 1rem;
padding-left: 1rem;
font-size: 1.5rem;
}
@ -108,7 +109,8 @@
height: 60px;
border-top-right-radius: 1rem;
border-bottom-left-radius: 1rem;
margin-right: 1rem;
@include nb-ltr(margin-right, 1rem);
@include nb-rtl(margin-left, 1rem);
}
h1, h2, h3, h4, h5, h6 {