Browse Source

Properly put hidden-visually off-screen

In some situations the element is still affecting the layout, especially
when a sticky is nearby.

This fix moves it properly off-screen.

Signed-off-by: Vincent Petry <vincent@nextcloud.com>
Vincent Petry 3 years ago
parent
commit
1476817975
3 changed files with 7 additions and 7 deletions
  1. 3 3
      core/css/global.scss
  2. 2 2
      core/css/guest.css
  3. 2 2
      core/css/inputs.scss

+ 3 - 3
core/css/global.scss

@@ -30,8 +30,8 @@
 
 .hidden-visually {
 	position: absolute;
-	left:-10000px;
-	top: auto;
+	left: -10000px;
+	top: -10000px;
 	width: 1px;
 	height: 1px;
 	overflow: hidden;
@@ -47,4 +47,4 @@
 
 .inlineblock {
 	display: inline-block;
-}
+}

+ 2 - 2
core/css/guest.css

@@ -909,8 +909,8 @@ footer .info .entity-name {
 label.infield,
 .hidden-visually {
 	position: absolute;
-	left:-10000px;
-	top: auto;
+	left: -10000px;
+	top: -10000px;
 	width: 1px;
 	height: 1px;
 	overflow: hidden;

+ 2 - 2
core/css/inputs.scss

@@ -948,8 +948,8 @@ progress {
 // Same as .hidden-visually
 label.infield {
 	position: absolute;
-	left:-10000px;
-	top: auto;
+	left: -10000px;
+	top: -10000px;
 	width: 1px;
 	height: 1px;
 	overflow: hidden;