paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-23 04:52:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

portico: Prevent label styling from affecting altcha-label.

Browse Source
This commit is contained in:
Karl Stolley
2025-07-25 12:50:02 -05:00
committed by Tim Abbott
parent 34cb0034e1
commit b5e011565f
1 changed files with 17 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
web/styles/portico/portico_signin.css
View File

@@ -530,7 +530,17 @@ html {
margin-bottom: 10px;
}
& label {
/* TODO: We need to audit all the portico <label> elements
and:
1) Add a unifying class so that these side-effect-prone
element selectors don't continue to introduce ugly
regressions
2) Rework the containing layout of `.input-box` so as to
not use fiddly positioning
3) Clean up other related .altcha-label references in
this file.
*/
& label:not(.altcha-label) {
position: absolute;
top: 0;
left: 0;
@@ -542,6 +552,11 @@ html {
color, font-size, font-weight, transform; /* stylelint-disable-line plugin/no-low-performance-animation-properties */
}
.altcha-label {
/* Push back against Bootstrap. */
margin-bottom: 0;
}
&.moving-label {
& input[type="text"]:invalid + label,
input[type="email"]:invalid + label,
@@ -954,7 +969,7 @@ button#register_auth_button_gitlab {
width: calc(100% - 20px);
}
& label {
& label:not(.altcha-label) {
position: absolute;
margin: 0;
top: 0;