Fix overflowing Brazilian Portuguese button and change style of current language button

This commit is contained in:
schlagmichdoch 2023-12-11 21:44:13 +01:00
parent d5da647ea9
commit 770fb8f1af
4 changed files with 73 additions and 54 deletions

View file

@ -335,7 +335,7 @@ x-dialog x-paper {
display: flex;
margin: auto;
flex-direction: column;
width: 400px;
max-width: 450px;
z-index: 3;
border-radius: 30px;
overflow: hidden;
@ -388,10 +388,6 @@ x-dialog a {
/* Pair Devices Dialog & Public Room Dialog */
#public-room-dialog x-paper {
width: 450px;
}
.input-key-container {
width: 100%;
display: flex;
@ -556,12 +552,27 @@ x-paper > .btn-row {
margin: 5px 10px 10px;
}
.language-buttons > button > span {
margin: 0 0.3em;
.language-buttons > .btn {
border-top: solid var(--lang-hr-color) 2px;
padding: 7px;
font-size: 12px;
}
.language-buttons > button {
min-height: 36px;
.language-buttons > .btn:last-of-type {
border-bottom: solid var(--lang-hr-color) 2px;
}
/* Ensure click event target is always button and never span */
.language-buttons span {
z-index: -1;
}
.language-buttons > .current:after {
position: absolute;
right: 20px;
content: "✓";
color: var(--primary-color);
font-size: 20px;
}
.file-description {