n/nyxmuks
1
0
Fork 0
forked from Mirrors/gomuks
Code Pull requests Activity

web/css: add variable for button cursor style

Browse source
This commit is contained in:
Tulir Asokan 2024-11-02 00:08:04 +02:00
parent babb69a639
commit f6b0b12a5b
4 changed files with 14 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
web/src/index.css
View file

@ -60,6 +60,7 @@
--blockquote-border-color: var(--border-color); --blockquote-border-color: var(--border-color);
--lightbox-button-color: var(--border-color); --lightbox-button-color: var(--border-color);
--codeblock-background-color: inherit; --codeblock-background-color: inherit;
--clickable-cursor: default;
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
--background-color: #000; --background-color: #000;
@ -149,7 +150,7 @@ input, textarea {
} }
button, a.button { button, a.button {
cursor: default; cursor: var(--clickable-cursor);
font-size: 1em; font-size: 1em;
background: none; background: none;
border: none; border: none;

2
web/src/ui/composer/Autocompleter.css
View file

@ -19,7 +19,7 @@ div.autocompletions {
display: flex; display: flex;
align-items: center; align-items: center;
gap: .25rem; gap: .25rem;
/*cursor: pointer;*/ cursor: var(--clickable-cursor);
&.selected, &:hover { &.selected, &:hover {
background-color: var(--light-hover-color); background-color: var(--light-hover-color);

2
web/src/ui/roomlist/RoomList.css
View file

@ -28,7 +28,7 @@ div.room-entry {
display: flex; display: flex;
gap: 4px; gap: 4px;
user-select: none; user-select: none;
/*cursor: pointer;*/ cursor: var(--clickable-cursor);
height: 3rem; height: 3rem;
contain-intrinsic-height: 3rem; contain-intrinsic-height: 3rem;
content-visibility: auto; content-visibility: auto;

18
web/src/ui/timeline/content/index.css
View file

@ -50,18 +50,15 @@ div.message-text {
div.html-body { div.html-body {
overflow: hidden; overflow: hidden;
pre.chroma { a.hicli-matrix-uri-user:not(.hicli-matrix-uri-plaintext),
background-color: var(--codeblock-background-color); a.hicli-matrix-uri-room-alias:not(.hicli-matrix-uri-plaintext) {
}
a.hicli-matrix-uri-user, a.hicli-matrix-uri-room-alias {
background-color: var(--pill-background-color); background-color: var(--pill-background-color);
border-radius: 1rem; border-radius: 1rem;
padding: 0 .25rem; padding: 0 .25rem;
color: inherit; color: inherit;
text-decoration: none !important; text-decoration: none !important;
text-wrap: nowrap; text-wrap: nowrap;
cursor: default; cursor: var(--clickable-cursor);
overflow: hidden; overflow: hidden;
max-width: 15rem; max-width: 15rem;
@ -90,8 +87,7 @@ div.html-body {
span.hicli-spoiler { span.hicli-spoiler {
filter: blur(4px); filter: blur(4px);
transition: filter .5s; transition: filter .5s;
/*cursor: pointer;*/ cursor: var(--clickable-cursor);
cursor: default;
&.spoiler-revealed { &.spoiler-revealed {
filter: none; filter: none;
@ -112,6 +108,12 @@ div.html-body {
width: 100%; width: 100%;
max-height: max(50vh, 400px); max-height: max(50vh, 400px);
overflow: auto; overflow: auto;
/* Ensure floating scroll bars have their own space */
padding-bottom: .5rem;
&.chroma {
background-color: var(--codeblock-background-color);
}
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {