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

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

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

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

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

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

@ -50,18 +50,15 @@ div.message-text {
div.html-body {
overflow: hidden;
pre.chroma {
background-color: var(--codeblock-background-color);
}
a.hicli-matrix-uri-user, a.hicli-matrix-uri-room-alias {
a.hicli-matrix-uri-user:not(.hicli-matrix-uri-plaintext),
a.hicli-matrix-uri-room-alias:not(.hicli-matrix-uri-plaintext) {
background-color: var(--pill-background-color);
border-radius: 1rem;
padding: 0 .25rem;
color: inherit;
text-decoration: none !important;
text-wrap: nowrap;
cursor: default;
cursor: var(--clickable-cursor);
overflow: hidden;
max-width: 15rem;
@ -90,8 +87,7 @@ div.html-body {
span.hicli-spoiler {
filter: blur(4px);
transition: filter .5s;
/*cursor: pointer;*/
cursor: default;
cursor: var(--clickable-cursor);
&.spoiler-revealed {
filter: none;
@ -112,6 +108,12 @@ div.html-body {
width: 100%;
max-height: max(50vh, 400px);
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 {