mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2025-01-10 18:27:25 +03:00
Code Issues Projects Releases Packages Wiki Activity

Fixed inputs colors in dark theme when they are outside of cards

Browse source
This commit is contained in:
Alejandro Celaya 2021-02-17 11:03:42 +01:00
parent 7f6c71e8d7
commit 83791157ce
3 changed files with 26 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/index.scss
View file

@ -44,6 +44,10 @@ body,
background-color: var(--primary-color);
}
.list-group {
background-color: var(--primary-color);
}
.modal-content,
.page-link,
.page-item.disabled .page-link,
@ -121,10 +125,15 @@ body,
.form-control,
.form-control:focus {
background-color: var(--input-color);
background-color: var(--primary-color);
border-color: var(--input-border-color);
}
.card .form-control,
.card .form-control:hover {
background-color: var(--input-color);
}
.navbar-brand {
@media (max-width: $smMax) {
margin: 0 auto !important;

6
src/utils/DateInput.scss
View file

@ -10,7 +10,11 @@
}
.date-input-container__input:not(:disabled) {
background-color: #ffffff !important;
background-color: var(--primary-color) !important;
}
.card .date-input-container__input:not(:disabled) {
background-color: var(--input-color) !important;
}
.date-input-container__icon {

13
src/utils/DropdownBtn.scss
View file

@ -6,12 +6,21 @@
.dropdown-btn__toggle.dropdown-btn__toggle:not(:disabled):not(.disabled):focus,
.dropdown-btn__toggle.dropdown-btn__toggle:not(:disabled):not(.disabled):hover,
.show > .dropdown-btn__toggle.dropdown-btn__toggle.dropdown-toggle {
color: #6c757d;
background-color: var(--input-color);
text-align: left;
color: #6c757d;
background-color: var(--primary-color);
border-color: var(--input-border-color);
}
.card .dropdown-btn__toggle.dropdown-btn__toggle,
.card .dropdown-btn__toggle.dropdown-btn__toggle:not(:disabled):not(.disabled).active,
.card .dropdown-btn__toggle.dropdown-btn__toggle:not(:disabled):not(.disabled):active,
.card .dropdown-btn__toggle.dropdown-btn__toggle:not(:disabled):not(.disabled):focus,
.card .dropdown-btn__toggle.dropdown-btn__toggle:not(:disabled):not(.disabled):hover,
.show > .card .dropdown-btn__toggle.dropdown-btn__toggle.dropdown-toggle {
background-color: var(--input-color);
}
.dropdown-btn__toggle.dropdown-btn__toggle:after {
@include vertical-align();