LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

chore: Refactor utility files for RTL (#6515)

Browse Source 
* Chore: Refactor for RTL

* Chore: mInor fixes

* minor fixes
This commit is contained in:
Sivin Varghese
2023-02-23 16:59:48 +05:30
committed by GitHub
parent 2674130714
commit fdf8b3f369
20 changed files with 37 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/javascript/dashboard/assets/scss/_layout.scss
View File

@@ -16,12 +16,12 @@ body {
}
.banner + .app-wrapper {
.button--fixed-right-top {
.button--fixed-top {
top: 5.6 * $space-one;
}
.off-canvas-content {
.button--fixed-right-top {
.button--fixed-top {
top: $space-small;
}
}

10
app/javascript/dashboard/assets/scss/_utility-helpers.scss
View File

@@ -14,6 +14,10 @@
margin-left: var(--space-minus-slab);
}
.margin-right-minus-slab {
margin-right: var(--space-minus-slab);
}
.fs-small {
font-size: var(--font-size-small);
}
@@ -75,3 +79,9 @@
align-items: center;
display: flex;
}
.button--fixed-top {
position: fixed;
right: var(--space-small);
top: var(--space-small);
}

24
app/javascript/dashboard/assets/scss/widgets/_buttons.scss
View File

@@ -50,22 +50,22 @@ $default-button-height: 4.0rem;
&.secondary {
border-color: var(--s-200);
color: var(--s-700)
color: var(--s-700);
}
&.success {
border-color: var(--s-200);
color: var(--g-700)
color: var(--g-700);
}
&.alert {
border-color: var(--s-200);
color: var(--r-700)
color: var(--r-700);
}
&.warning {
border-color: var(--s-200);
color: var(--y-700)
color: var(--y-700);
}
&:hover {
@@ -116,19 +116,19 @@ $default-button-height: 4.0rem;
color: var(--w-700);
&.secondary {
color: var(--s-700)
color: var(--s-700);
}
&.success {
color: var(--g-700)
color: var(--g-700);
}
&.alert {
color: var(--r-700)
color: var(--r-700);
}
&.warning {
color: var(--y-700)
color: var(--y-700);
}
&:hover {
@@ -205,11 +205,3 @@ $default-button-height: 4.0rem;
}
}
// @TDOD move to utility file
.button--fixed-right-top {
position: fixed;
right: $space-small;
top: $space-small;
}