Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

FIX: User field styling on login (#18551)

This commit is contained in:
Jordan Vidrine 2022-10-11 16:51:02 -05:00 committed by GitHub
parent 6d8405bbd0
commit 47fa4dbef3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 24 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
app/assets/stylesheets/common/base/login.scss
View File

@ -155,7 +155,8 @@ body.invite-page {
&:last-child { &:last-child {
margin-bottom: 2em; margin-bottom: 2em;
} }
input { input,
.select-kit-header {
padding: 0.75em 0.77em; padding: 0.75em 0.77em;
border-radius: 0.25em; border-radius: 0.25em;
min-width: 250px; min-width: 250px;
@ -175,7 +176,8 @@ body.invite-page {
color: var(--primary-medium); color: var(--primary-medium);
min-height: 1.4em; // prevents height increase due to tips min-height: 1.4em; // prevents height increase due to tips
} }
label.alt-placeholder { label.alt-placeholder,
.user-field.dropdown label.control-label {
color: var(--primary-medium); color: var(--primary-medium);
font-size: 16px; font-size: 16px;
font-weight: normal; font-weight: normal;
@ -187,6 +189,14 @@ body.invite-page {
border-radius: 0.25em; border-radius: 0.25em;
transition: 0.2s ease all; transition: 0.2s ease all;
} }
.user-field.dropdown label.control-label {
z-index: 999;
top: -8px;
left: calc(1em - 0.25em);
background-color: var(--secondary);
padding: 0 0.25em 0 0.25em;
font-size: $font-down-1;
}
input:focus + label.alt-placeholder, input:focus + label.alt-placeholder,
input.value-entered + label.alt-placeholder { input.value-entered + label.alt-placeholder {
top: -8px; top: -8px;
@ -194,7 +204,6 @@ body.invite-page {
background-color: var(--secondary); background-color: var(--secondary);
padding: 0 0.25em 0 0.25em; padding: 0 0.25em 0 0.25em;
font-size: $font-down-1; font-size: $font-down-1;
color: var(--primary-medium);
} }
input.alt-placeholder:invalid { input.alt-placeholder:invalid {
color: var(--primary); color: var(--primary);
@ -261,9 +270,20 @@ body.invite-page {
background-color: var(--secondary); background-color: var(--secondary);
padding: 0 0.25em 0 0.25em; padding: 0 0.25em 0 0.25em;
font-size: 14px; font-size: 14px;
color: var(--primary-high); color: var(--primary-medium);
} }
} }
span.name {
color: var(--primary-medium);
}
.select-kit-row span.name {
color: var(--primary);
}
.select-kit.combo-box.is-expanded summary {
outline: none;
border: 1px solid var(--tertiary);
box-shadow: 0 0 0 2px rgba(var(--tertiary-rgb), 0.25);
}
.controls .checkbox-label { .controls .checkbox-label {
input[type="checkbox"].ember-checkbox { input[type="checkbox"].ember-checkbox {
width: 1em !important; width: 1em !important;