mirror of
https://github.com/revoltchat/revite.git
synced 2024-11-12 18:29:57 -05:00
Use variables for scrollbar width.
Update language definitions.
This commit is contained in:
parent
d368820aeb
commit
a387d3c6ae
5 changed files with 9 additions and 20 deletions
2
external/lang
vendored
2
external/lang
vendored
|
@ -1 +1 @@
|
||||||
Subproject commit eb3716182702af2747025e0ee171d6a1a4415fc7
|
Subproject commit 3ff3cb0b3c0aa0060e3dd8e5efaca71fd828e530
|
|
@ -23,7 +23,7 @@ const Base = styled.div`
|
||||||
user-select: none;
|
user-select: none;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
width: calc(100% - 3px);
|
width: calc(100% - var(--scrollbar-thickness));
|
||||||
color: var(--secondary-foreground);
|
color: var(--secondary-foreground);
|
||||||
background: var(--secondary-background);
|
background: var(--secondary-background);
|
||||||
}
|
}
|
||||||
|
|
|
@ -4,8 +4,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
width: 3px;
|
width: var(--scrollbar-thickness);
|
||||||
height: 3px;
|
height: var(--scrollbar-thickness);
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-track {
|
::-webkit-scrollbar-track {
|
||||||
|
|
|
@ -1,10 +1,10 @@
|
||||||
* {
|
* {
|
||||||
text-rendering: optimizeLegibility !important;
|
text-rendering: optimizeLegibility !important;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
|
||||||
scrollbar-width: thin;
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
scrollbar-width: var(--scrollbar-thickness-ff);
|
||||||
}
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
|
|
|
@ -21,6 +21,8 @@
|
||||||
--app-height: 100vh;
|
--app-height: 100vh;
|
||||||
--border-radius: 6px;
|
--border-radius: 6px;
|
||||||
--border-radius-half: 50%;
|
--border-radius-half: 50%;
|
||||||
|
--scrollbar-thickness: 3px;
|
||||||
|
--scrollbar-thickness-ff: thin;
|
||||||
|
|
||||||
--input-border-width: 2px;
|
--input-border-width: 2px;
|
||||||
--textarea-padding: 16px;
|
--textarea-padding: 16px;
|
||||||
|
@ -33,17 +35,4 @@
|
||||||
--attachment-max-text-width: 800px;
|
--attachment-max-text-width: 800px;
|
||||||
|
|
||||||
--bottom-navigation-height: 50px;
|
--bottom-navigation-height: 50px;
|
||||||
|
|
||||||
/**
|
|
||||||
* Experimental
|
|
||||||
*/
|
|
||||||
--background-rgb: (
|
|
||||||
25,
|
|
||||||
25,
|
|
||||||
25
|
|
||||||
); //THIS IS SO THAT WE CAN HAVE CUSTOM BACKGROUNDS FOR THE CLIENT, CONVERTS THE HEX TO AN RGB VALUE FROM --background
|
|
||||||
--background-rgba: rgba(
|
|
||||||
var(--background-rgb),
|
|
||||||
0.8
|
|
||||||
); //make the opacity also customizable
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue