libre-service.eu/pad.libre-service.eu-etherpad
libre-service.eu/pad.libre-service.eu-etherpad
1
0
Fork 0
mirror of https://github.com/ether/etherpad-lite.git synced 2025-01-19 22:23:33 +01:00
Code Issues Projects Releases Wiki Activity

Display outline when toolbar button focused

Browse source
This commit is contained in:
Sebastian Castro 2020-10-25 10:56:51 +01:00 committed by John McLear
parent 193028702d
commit 5a1110d0d6
3 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/static/css/pad/form.css
View file

@ -16,8 +16,8 @@ select, .nice-select {
padding-right: 24px; padding-right: 24px;
position: relative; position: relative;
text-align: left !important; text-align: left !important;
-webkit-transition: all 0.2s ease-in-out; -webkit-transition: all 0.1s ease-in-out;
transition: all 0.2s ease-in-out; transition: all 0.1s ease-in-out;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
@ -26,6 +26,9 @@ select, .nice-select {
min-width: 100px; min-width: 100px;
text-transform: capitalize; text-transform: capitalize;
} }
.nice-select:not(.open):not(:hover):focus {
border-color: #a5c8ec;
}
.popup .nice-select { .popup .nice-select {
padding: 4px 24px 4px 8px; padding: 4px 24px 4px 8px;
} }

2
src/static/css/pad/toolbar.css
View file

@ -45,7 +45,7 @@
text-decoration: none; text-decoration: none;
transition: background-color .1s; transition: background-color .1s;
} }
.toolbar ul li button:active, .toolbar ul li button:focus { .toolbar ul li a.pressed button:active, .toolbar ul li a.pressed button:focus {
outline: 0; outline: 0;
border: none; border: none;
} }

5
src/static/skins/colibris/src/components/form.css
View file

@ -20,12 +20,15 @@ input[type="text"]::placeholder, textarea::placeholder {
select, .nice-select { select, .nice-select {
background-color: #f2f3f4; background-color: #f2f3f4;
background-color: var(--bg-soft-color); background-color: var(--bg-soft-color);
border: none; border: 1px solid var(--bg-soft-color);
padding: 4px 10px; padding: 4px 10px;
padding-right: 25px; padding-right: 25px;
font-weight: bold; font-weight: bold;
line-height: inherit; line-height: inherit;
} }
select:hover, .nice-select:hover {
border-color: var(--bg-soft-color)
}
.nice-select .list { .nice-select .list {
background-color: #f2f3f4; background-color: #f2f3f4;
background-color: var(--bg-soft-color); background-color: var(--bg-soft-color);