consul/nairobi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix margin in sign in / sign up forms divider

Browse Source 
When the "Or fill the following form" text was translated to another
language or customized by administrators, the text could span over two
lines. Since the element had a fixed height, it could overlap with the
text below it.

So now we're using an element with a relative position to achieve the
same effect (have the contents of the elements on top of its border).
This commit is contained in:
Javi Martín
2021-06-16 13:07:43 +02:00
parent c6a459c115
commit 79007fa2b5
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/stylesheets/layout.scss
View File

@@ -1011,15 +1011,17 @@ footer {
}
.auth-divider {
border-bottom: 1px solid $border;
height: rem-calc(14);
margin: $line-height 0;
border-top: 1px solid $border;
margin-top: $line-height * 1.5;
text-align: center;
span {
background: #fff;
box-decoration-break: clone;
font-weight: bold;
padding: 0 $line-height / 2;
position: relative;
top: -$line-height / 2;
}
}