mirrors/PairDrop
1
0
Fork 0
mirror of https://github.com/schlagmichdoch/PairDrop.git synced 2025-04-26 17:56:16 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

29
public/styles/deferred-styles.css
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 {

6
public/styles/styles-main.css
View file

@ -922,6 +922,7 @@ body {
--lt-bg-color-secondary: #f2f2f2;
--lt-border-color: #a9a9a9;
--lt-badge-color: #a5a5a5;
--lt-lang-hr-color: #DDD;
--lt-shadow-color-secondary-rgb: 0,0,0;
--lt-shadow-color-secondary-cover-rgb: 242,242,242;
@ -935,6 +936,7 @@ body {
--dt-bg-color-secondary: #262628;
--dt-border-color: #919191;
--dt-badge-color: #717171;
--dt-lang-hr-color: #404040;
--dt-shadow-color-secondary-rgb: 255,255,255;
--dt-shadow-color-secondary-cover-rgb: 38,38,38;
@ -950,6 +952,7 @@ body {
--bg-color-secondary: var(--lt-bg-color-secondary);
--border-color: var(--lt-border-color);
--badge-color: var(--lt-badge-color);
--lang-hr-color: var(--lt-lang-hr-color);
--shadow-color-secondary-rgb: var(--lt-shadow-color-secondary-rgb);
--shadow-color-secondary-cover-rgb: var(--lt-shadow-color-secondary-cover-rgb);
@ -965,6 +968,7 @@ body.dark-theme {
--bg-color-secondary: var(--dt-bg-color-secondary);
--border-color: var(--dt-border-color);
--badge-color: var(--dt-badge-color);
--lang-hr-color: var(--dt-lang-hr-color);
--shadow-color-secondary-rgb: var(--dt-shadow-color-secondary-rgb);
--shadow-color-secondary-cover-rgb: var(--dt-shadow-color-secondary-cover-rgb);
@ -983,6 +987,7 @@ body.dark-theme {
--bg-color-secondary: var(--dt-bg-color-secondary);
--border-color: var(--dt-border-color);
--badge-color: var(--dt-badge-color);
--lang-hr-color: var(--dt-lang-hr-color);
--shadow-color-secondary-rgb: var(--dt-shadow-color-secondary-rgb);
--shadow-color-secondary-cover-rgb: var(--dt-shadow-color-secondary-cover-rgb);
@ -999,6 +1004,7 @@ body.dark-theme {
--bg-color-secondary: var(--lt-bg-color-secondary);
--border-color: var(--lt-border-color);
--badge-color: var(--lt-badge-color);
--lang-hr-color: var(--lt-lang-hr-color);
--shadow-color-secondary-rgb: var(--lt-shadow-color-secondary-rgb);
--shadow-color-secondary-cover-rgb: var(--lt-shadow-color-secondary-cover-rgb);