Mirrors/theme.park
1
0
Fork 0
mirror of https://github.com/gilbN/theme.park.git synced 2024-11-05 02:32:37 +01:00
Code Issues Releases Wiki Activity

gitea input hover fix

Browse Source
This commit is contained in:
Marius 2020-11-14 17:07:40 +01:00
parent 3014a263c8
commit 1eb224d3b1
1 changed files with 33 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
CSS/themes/gitea/gitea-base.css
View File

@ -1178,7 +1178,8 @@ a.ui.labels .label:hover {
.ui.form input[type=tel], .ui.form input[type=tel],
.ui.form input[type=text], .ui.form input[type=text],
.ui.form input[type=time], .ui.form input[type=time],
.ui.form input[type=url] { .ui.form input[type=url],
.ui.form input {
background: rgb(0 0 0 / 25%); background: rgb(0 0 0 / 25%);
border: 1px solid transparent; border: 1px solid transparent;
color: var(--text); color: var(--text);
@ -1187,21 +1188,6 @@ a.ui.labels .label:hover {
transition: color .1s ease, border-color .1s ease; transition: color .1s ease, border-color .1s ease;
} }
.ui.form textarea:focus {
color: var(--text);
border-color: transparent;
background: rgba(0, 0, 0, .5);
box-shadow: inset 0 0 0 0 rgba(34, 36, 38, .35);
-webkit-appearance: none;
}
.ui.form textarea,
.ui.input textarea {
background: rgb(0 0 0 / .25);
border: 1px solid rgba(34, 36, 38, .15);
color: var(--text);
}
.ui.form input:not([type]):focus, .ui.form input:not([type]):focus,
.ui.form input[type=date]:focus, .ui.form input[type=date]:focus,
.ui.form input[type=datetime-local]:focus, .ui.form input[type=datetime-local]:focus,
@ -1220,6 +1206,37 @@ a.ui.labels .label:hover {
background: rgb(0 0 0 / 50%); background: rgb(0 0 0 / 50%);
box-shadow: inset 0 0 0 0 rgba(34, 36, 38, .35); box-shadow: inset 0 0 0 0 rgba(34, 36, 38, .35);
} }
.ui.form input:focus:hover,
.ui.form textarea:focus:hover,
input:focus:hover,
textarea:focus:hover {
background: rgb(0 0 0 / 50%) !important;
border-color: rgb(255 255 255 / .1) !important;
color: var(--text-hover) !important;
}
.ui.form input:hover,
.ui.form textarea:hover,
input:hover,
textarea:hover {
background: rgb(0 0 0 / 25%) !important ;
border-color: rgb(255 255 255 / .1) !important;
color: var(--text-hover) !important;
}
.ui.form textarea:focus {
color: var(--text);
border-color: transparent;
background: rgba(0, 0, 0, .5);
box-shadow: inset 0 0 0 0 rgba(34, 36, 38, .35);
-webkit-appearance: none;
}
.ui.form textarea,
.ui.input textarea {
background: rgb(0 0 0 / .25);
border: 1px solid rgba(34, 36, 38, .15);
color: var(--text);
}
.ui.input.focus>input, .ui.input.focus>input,
.ui.input>input:focus { .ui.input>input:focus {