Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-23 15:29:42 +02:00
Code Issues Releases Activity

fix(boxselector): fix darkmode BE teaser style [EE-4145] (#7598)

Browse source 
* fix(boxselector): fix darkmode BE teaser style [EE-4145]

* make opacity same when selected

* add missing link to teaser

* style unchecked boxes + light mode

* revert colors for ligh theme
This commit is contained in:
itsconquest 2022-09-02 12:42:48 +12:00 • committed by GitHub
parent ccaf2bedb7
commit 5b4f6098d8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 21 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

7
app/react/components/BoxSelector/BoxSelectorItem.css
View file

@ -73,6 +73,7 @@
.box-selector-item input[type='radio']:checked + label {
@apply bg-blue-2 border-blue-6;
@apply th-dark:bg-blue-10 th-dark:border-blue-7;
@apply th-highcontrast:bg-blue-10 th-highcontrast:border-blue-7;
background-image: url(../../../assets/ico/checked.svg);
background-repeat: no-repeat;
@ -90,9 +91,10 @@
}
.box-selector-item.limited.business label,
.box-selector-item.limited.business input[type='radio']:checked + label {
.box-selector-item.limited.business input[type='radio'] + label {
@apply border-warning-7 bg-warning-1 text-black;
@apply th-dark:bg-warning-3;
@apply th-dark:bg-warning-8 th-dark:bg-opacity-10;
@apply th-highcontrast:bg-warning-8 th-highcontrast:bg-opacity-10;
}
.boxselector_img_container {
@ -128,4 +130,5 @@
.box-selector-item p {
margin-bottom: 0;
color: var(--text-boxselector-header);
}