aboutsummaryrefslogtreecommitdiffstats
path: root/core/css/global.scss
diff options
context:
space:
mode:
Diffstat (limited to 'core/css/global.scss')
-rw-r--r--core/css/global.scss56
1 files changed, 44 insertions, 12 deletions
diff --git a/core/css/global.scss b/core/css/global.scss
index 7b517cd414a..de83f862786 100644
--- a/core/css/global.scss
+++ b/core/css/global.scss
@@ -1,4 +1,4 @@
-/**
+/*!
* SPDX-FileCopyrightText: 2017 Nextcloud GmbH and Nextcloud contributors
* SPDX-FileCopyrightText: 2015 ownCloud Inc.
* SPDX-FileCopyrightText: 2015 Raghu Nayyar, http://raghunayyar.com
@@ -7,20 +7,52 @@
/* Global Components */
-.pull-left {
- float: left;
-}
+/* The following lines are a hacky way to adjust float and clear based on direction.
+ Samsung Internet doesn't support `inline-start|end` and :dir.
+ pull-right|left and clear-right|left are also kept for backward compatibility.
+ */
+body[dir='ltr'] {
+ .pull-left,
+ .pull-start {
+ float: left;
+ }
-.pull-right {
- float: right;
-}
+ .pull-right,
+ .pull-end {
+ float: right;
+ }
+
+ .clear-left,
+ .clear-start {
+ clear: left;
+ }
-.clear-left {
- clear: left;
+ .clear-right,
+ .clear-end {
+ clear: right;
+ }
}
-.clear-right {
- clear: right;
+body[dir='rtl'] {
+ .pull-left,
+ .pull-start {
+ float: right;
+ }
+
+ .pull-right,
+ .pull-end {
+ float: left;
+ }
+
+ .clear-left,
+ .clear-start {
+ clear: right;
+ }
+
+ .clear-right,
+ .clear-end {
+ clear: left;
+ }
}
.clear-both {
@@ -33,7 +65,7 @@
.hidden-visually {
position: absolute;
- left: -10000px;
+ inset-inline-start: -10000px;
top: -10000px;
width: 1px;
height: 1px;