mirror of
https://github.com/revoltchat/revite.git
synced 2024-11-09 16:53:36 -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;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
width: calc(100% - 3px);
|
||||
width: calc(100% - var(--scrollbar-thickness));
|
||||
color: var(--secondary-foreground);
|
||||
background: var(--secondary-background);
|
||||
}
|
||||
|
|
|
@ -4,8 +4,8 @@
|
|||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
width: var(--scrollbar-thickness);
|
||||
height: var(--scrollbar-thickness);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
|
|
|
@ -1,10 +1,10 @@
|
|||
* {
|
||||
text-rendering: optimizeLegibility !important;
|
||||
text-rendering: optimizeLegibility !important;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
scrollbar-width: thin;
|
||||
box-sizing: border-box;
|
||||
scrollbar-width: var(--scrollbar-thickness-ff);
|
||||
}
|
||||
|
||||
html {
|
||||
|
|
|
@ -21,6 +21,8 @@
|
|||
--app-height: 100vh;
|
||||
--border-radius: 6px;
|
||||
--border-radius-half: 50%;
|
||||
--scrollbar-thickness: 3px;
|
||||
--scrollbar-thickness-ff: thin;
|
||||
|
||||
--input-border-width: 2px;
|
||||
--textarea-padding: 16px;
|
||||
|
@ -33,17 +35,4 @@
|
|||
--attachment-max-text-width: 800px;
|
||||
|
||||
--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