cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-12-24 22:52:09 -05:00
Code Issues Projects Releases Packages Wiki Activity

chore(tooltips): reworked tooltip design

Browse source
This commit is contained in:
trashtemp 2022-01-13 17:31:15 +01:00
parent 3b4227d4ba
commit a7c63c639e
No known key found for this signature in database
GPG key ID: D1F0DB65081B0FC6
4 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
external/lang vendored

@ -1 +1 @@
Subproject commit 4b1df46153443e4a4fc7a03a1082f6d1e2e04782
Subproject commit 89d0eab2dc01487f9aa9c56b14e35c86ee567880

2
src/components/navigation/left/ServerListSidebar.tsx
View file

@ -402,7 +402,7 @@ export default observer(() => {
<div
style={{
padding: "1px 5px",
fontSize: "11px",
fontSize: "9px",
background: "var(--status-busy)",
borderRadius: "60px",
}}>

3
src/context/Theme.tsx
View file

@ -27,6 +27,7 @@ export type Variables =
| "secondary-header"
| "tertiary-background"
| "tertiary-foreground"
| "tooltip"
| "status-online"
| "status-away"
| "status-busy"
@ -241,6 +242,7 @@ export const PRESETS: Record<string, Theme> = {
mention: "rgba(251, 255, 0, 0.40)",
success: "#65E572",
warning: "#FAA352",
tooltip: "#000000",
error: "#ED4245",
hover: "rgba(0, 0, 0, 0.2)",
"scrollbar-thumb": "#CA525A",
@ -267,6 +269,7 @@ export const PRESETS: Record<string, Theme> = {
mention: "rgba(251, 255, 0, 0.06)",
success: "#65E572",
warning: "#FAA352",
tooltip: "#000000",
error: "#ED4245",
hover: "rgba(0, 0, 0, 0.1)",
"scrollbar-thumb": "#CA525A",

10
src/styles/index.scss
View file

@ -8,14 +8,16 @@
.tippy-box {
color: var(--foreground);
background: var(--secondary-background);
background: var(--tooltip, var(--background));
}
.tippy-content {
padding: 8px;
font-size: 12px;
padding: 6px 10px;
font-size: 13px;
font-weight: 600;
max-width: 200px;
}
.tippy-arrow {
color: var(--secondary-background);
color: var(--tooltip);
}