github-mirror/BookStack
2
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-06-03 16:23:35 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Updated styles to use logical properties/values

Browse Source 
- Intended to improve RTL support in the interface.
- Also adds hebrew to language dropdown since that was missing.

Related to #1794
This commit is contained in:
Dan Brown
2020-04-05 13:07:19 +01:00
parent f84bf8e883
commit f94fd44ff6
21 changed files with 228 additions and 184 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
resources/sass/_components.scss
View File

@ -7,7 +7,7 @@
padding: $-m $-l;
background-color: #FFF;
border-radius: 4px;
border-left: 6px solid currentColor;
border-inline-start: 6px solid currentColor;
box-shadow: $bs-large;
z-index: 999999;
cursor: pointer;
@ -26,7 +26,7 @@
svg {
width: 2.8rem;
height: 2.8rem;
padding-right: $-s;
padding-inline-end: $-s;
fill: currentColor;
}
.dismiss {
@ -63,7 +63,7 @@
transition: all ease-in-out 180ms;
user-select: none;
svg[data-icon="caret-right"] {
margin-right: 0;
margin-inline-end: 0;
font-size: 1rem;
transition: all ease-in-out 180ms;
transform: rotate(0deg);
@ -73,7 +73,7 @@
transform: rotate(90deg);
}
svg[data-icon="caret-right"] + * {
margin-left: $-xs;
margin-inline-start: $-xs;
}
}
@ -243,7 +243,7 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
width: 300px;
overflow-y: auto;
overflow-x: hidden;
border-left: 1px solid #DDD;
border-inline-start: 1px solid #DDD;
.inner {
padding: $-m;
}
@ -477,7 +477,7 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
display: block;
top: 50%;
left: 50%;
margin-left: -27px;
margin-inline-start: -27px;
margin-top: -35px;
}
@ -511,7 +511,7 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
top: 50%;
margin-top: -8px;
width: 80px;
margin-left: -40px;
margin-inline-start: -40px;
background: rgba(255, 255, 255, 0.9);
transform: scale(1);
border-radius: 8px;
@ -568,14 +568,14 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
left: 44px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-inline-start: 6px solid transparent;
border-inline-end: 6px solid transparent;
border-bottom: 6px solid $negative;
}
.tab-container .nav-tabs {
text-align: left;
text-align: start;
border-bottom: 1px solid #DDD;
margin-bottom: $-m;
.tab-item {
@ -613,7 +613,7 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
max-width: 480px;
margin-bottom: $-s;
a {
margin-right: $-xs;
margin-inline-end: $-xs;
text-decoration: underline;
}
}
@ -659,7 +659,7 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
}
a { color: #666; }
span {
padding-left: $-xxs;
padding-inline-start: $-xxs;
}
}
.text-muted {
@ -692,7 +692,7 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
height: 100%;
display: flex;
flex-direction: column;
border-left: 1px solid #DDD;
border-inline-start: 1px solid #DDD;
}
.template-item-actions button {
cursor: pointer;