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

UX: change to input field + label styling (#24060)

This commit is contained in:
chapoi 2023-10-23 18:36:36 +03:00 committed by GitHub
parent b6dc929141
commit e2d9117378
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/assets/stylesheets/common/base/discourse.scss
View File

@ -135,6 +135,11 @@ label {
display: flex; display: flex;
margin-bottom: 5px; margin-bottom: 5px;
align-items: flex-start; align-items: flex-start;
color: var(--primary-high);
&:not(.checkbox-label) {
font-weight: bold;
}
> .d-icon { > .d-icon {
align-self: center; align-self: center;
margin-right: 4px; margin-right: 4px;
@ -225,7 +230,7 @@ input {
margin-bottom: 9px; margin-bottom: 9px;
color: var(--primary); color: var(--primary);
background-color: var(--secondary); background-color: var(--secondary);
border: 1px solid var(--primary-medium); border: 1px solid var(--primary-400);
border-radius: var(--d-input-border-radius); border-radius: var(--d-input-border-radius);
&:focus { &:focus {
@include default-focus; @include default-focus;
@ -269,7 +274,7 @@ textarea {
box-sizing: border-box; box-sizing: border-box;
height: auto; height: auto;
background-color: var(--secondary); background-color: var(--secondary);
border: 1px solid var(--primary-medium); border: 1px solid var(--primary-400);
border-radius: 0; border-radius: 0;
&:focus { &:focus {

2
app/assets/stylesheets/common/select-kit/combo-box.scss
View File

@ -27,7 +27,7 @@
.select-kit-header { .select-kit-header {
background: var(--secondary); background: var(--secondary);
border-color: var(--primary-medium); border-color: var(--primary-400);
&.is-focused { &.is-focused {
@include default-focus; @include default-focus;

2
app/assets/stylesheets/common/select-kit/multi-select.scss
View File

@ -47,7 +47,7 @@
.multi-select-header { .multi-select-header {
background: var(--secondary); background: var(--secondary);
border-color: var(--primary-medium); border-color: var(--primary-400);
.formatted-selection { .formatted-selection {
margin: 0; margin: 0;