sorb/ThreadNet-Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

Update css (#29050)

Browse Source 
* Update css

* Fix css references to resources

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

---------

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
renovate[bot]
2026-02-05 11:06:37 +00:00
committed by GitHub
co-authored by renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Michael Telatynski
parent 2a8ea7a230
commit 00e1068758
23 changed files with 163 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files
res/css/structures/_RoomView.pcss
+1 -1
View File
@@ -55,7 +55,7 @@ Please see LICENSE files in the repository root for full details.
.mx_RoomView_messagePanelSearchSpinner {
flex: 1;
background-image: url("$(res)/img/typing-indicator-2x.gif");
background-image: url("/res/img/typing-indicator-2x.gif");
background-position: center 367px;
background-size: 25px;
background-repeat: no-repeat;
res/css/structures/_SplashPage.pcss
+1 -1
View File
@@ -30,7 +30,7 @@ Please see LICENSE files in the repository root for full details.
inset: -9px;
mask:
/* mask to dither resulting combined gradient */
url("$(res)/img/noise.png"),
url("/res/img/noise.png"),
/* gradient to apply different amounts of dithering to different parts of the gradient */
linear-gradient(
to bottom,
res/css/views/avatars/_DecoratedRoomAvatar.pcss
+1 -1
View File
@@ -13,7 +13,7 @@ Please see LICENSE files in the repository root for full details.
line-height: 0;
&.mx_DecoratedRoomAvatar_cutout .mx_BaseAvatar {
mask-image: url("$(res)/img/element-icons/roomlist/decorated-avatar-mask.svg");
mask-image: url("/res/img/element-icons/roomlist/decorated-avatar-mask.svg");
mask-position: center;
mask-size: contain;
mask-repeat: no-repeat;
res/css/views/avatars/_RoomAvatarView.pcss
+2 -2
View File
@@ -21,11 +21,11 @@
}
.mx_RoomAvatarView_RoomAvatar_icon {
mask-image: url("$(res)/img/element-icons/roomlist/room-avatar-view-icon-mask.svg");
mask-image: url("/res/img/element-icons/roomlist/room-avatar-view-icon-mask.svg");
}
.mx_RoomAvatarView_RoomAvatar_presence {
mask-image: url("$(res)/img/element-icons/roomlist/room-avatar-view-presence-mask.svg");
mask-image: url("/res/img/element-icons/roomlist/room-avatar-view-presence-mask.svg");
}
.mx_RoomAvatarView_icon {
res/css/views/dialogs/_AnalyticsLearnMoreDialog.pcss
+1 -1
View File
@@ -9,7 +9,7 @@ Please see LICENSE files in the repository root for full details.
.mx_AnalyticsLearnMoreDialog {
max-width: 500px;
.mx_AnalyticsLearnMore_image_holder {
background-image: url("$(res)/img/element-shiny.svg");
background-image: url("/res/img/element-shiny.svg");
background-repeat: no-repeat;
background-position: center top;
height: 112px;
res/css/views/rooms/RoomListPanel/_RoomListSkeleton.pcss
+1 -1
View File
@@ -19,6 +19,6 @@
position: absolute;
mask-repeat: repeat-y;
mask-size: auto 96px;
mask-image: url("$(res)/img/element-icons/roomlist/room-list-item-skeleton.svg");
mask-image: url("/res/img/element-icons/roomlist/room-list-item-skeleton.svg");
}
}
res/css/views/rooms/_RoomSublist.pcss
+1 -1
View File
@@ -379,7 +379,7 @@ Please see LICENSE files in the repository root for full details.
position: absolute;
mask-repeat: repeat-y;
mask-size: auto 48px;
mask-image: url("$(res)/img/element-icons/roomlist/skeleton-ui.svg");
mask-image: url("/res/img/element-icons/roomlist/skeleton-ui.svg");
}
}
res/css/views/rooms/_WhoIsTypingTile.pcss
+1 -1
View File
@@ -49,7 +49,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_WhoIsTypingTile_label > span {
background-image: url("$(res)/img/typing-indicator-2x.gif");
background-image: url("/res/img/typing-indicator-2x.gif");
background-size: 25px;
background-position: left bottom;
background-repeat: no-repeat;
res/css/views/voip/_LegacyCallView.pcss
+1 -1
View File
@@ -110,7 +110,7 @@ Please see LICENSE files in the repository root for full details.
content: "";
width: 40px;
height: 40px;
background-image: url("$(res)/img/voip/paused.svg");
background-image: url("/res/img/voip/paused.svg");
background-position: center;
background-size: cover;
}
res/themes/dark-custom/css/dark-custom.pcss
-1
View File
@@ -1,5 +1,4 @@
@import "../../../../res/css/_font-sizes.pcss";
@import "../../legacy-light/css/_paths.pcss";
@import "../../legacy-light/css/_fonts.pcss";
@import "../../legacy-light/css/_legacy-light.pcss";
@import "../../legacy-dark/css/_legacy-dark.pcss";
res/themes/dark/css/dark.pcss
-1
View File
@@ -1,5 +1,4 @@
@import "../../../../res/css/_font-sizes.pcss";
@import "../../light/css/_paths.pcss";
@import "../../light/css/_fonts.pcss";
@import "../../light/css/_light.pcss";
@import "_dark.pcss";
res/themes/legacy-dark/css/legacy-dark.pcss
-1
View File
@@ -1,5 +1,4 @@
@import "../../../../res/css/_font-sizes.pcss";
@import "../../legacy-light/css/_paths.pcss";
@import "../../legacy-light/css/_fonts.pcss";
@import "../../legacy-light/css/_legacy-light.pcss";
@import "_legacy-dark.pcss";
res/themes/legacy-light/css/_fonts.pcss
+3 -3
View File
@@ -23,17 +23,17 @@
font-family: "Nunito";
font-style: normal;
font-weight: 400;
src: url("$(res)/fonts/Nunito/Nunito-Regular.ttf") format("truetype");
src: url("/res/fonts/Nunito/Nunito-Regular.ttf") format("truetype");
}
@font-face {
font-family: "Nunito";
font-style: normal;
font-weight: 600;
src: url("$(res)/fonts/Nunito/Nunito-SemiBold.ttf") format("truetype");
src: url("/res/fonts/Nunito/Nunito-SemiBold.ttf") format("truetype");
}
@font-face {
font-family: "Nunito";
font-style: normal;
font-weight: 700;
src: url("$(res)/fonts/Nunito/Nunito-Bold.ttf") format("truetype");
src: url("/res/fonts/Nunito/Nunito-Bold.ttf") format("truetype");
}
res/themes/legacy-light/css/_paths.pcss
-3
View File
@@ -1,3 +0,0 @@
/* Path from root SCSS file (such as `light.pcss`) to `res` dir in the source tree */
/* This value is overridden by external themes in `element-web`. */
$res: ../../..;
res/themes/legacy-light/css/legacy-light.pcss
-1
View File
@@ -1,5 +1,4 @@
@import "../../../../res/css/_font-sizes.pcss";
@import "_paths.pcss";
@import "_fonts.pcss";
@import "_legacy-light.pcss";
@import "../../../../res/css/_components.pcss";
res/themes/light-custom/css/light-custom.pcss
-1
View File
@@ -1,5 +1,4 @@
@import "../../../../res/css/_font-sizes.pcss";
@import "../../legacy-light/css/_paths.pcss";
@import "../../legacy-light/css/_fonts.pcss";
@import "../../legacy-light/css/_legacy-light.pcss";
@import "_custom.pcss";
res/themes/light-high-contrast/css/light-high-contrast.pcss
-1
View File
@@ -1,5 +1,4 @@
@import "../../../../res/css/_font-sizes.pcss";
@import "../../light/css/_paths.pcss";
@import "../../light/css/_fonts.pcss";
@import "../../light/css/_light.pcss";
@import "_light-high-contrast.pcss";
res/themes/light/css/_fonts.pcss
+3 -3
View File
@@ -5,16 +5,16 @@
@font-face {
font-family: "Twemoji";
font-weight: 400;
src: url("$(res)/fonts/Twemoji_Mozilla/TwemojiMozilla-colr.woff2") format("woff2");
src: url("/res/fonts/Twemoji_Mozilla/TwemojiMozilla-colr.woff2") format("woff2");
}
/* For at least Chrome on Windows 10, we have to explictly add extra weights for the emoji to appear in bold messages, etc. */
@font-face {
font-family: "Twemoji";
font-weight: 600;
src: url("$(res)/fonts/Twemoji_Mozilla/TwemojiMozilla-colr.woff2") format("woff2");
src: url("/res/fonts/Twemoji_Mozilla/TwemojiMozilla-colr.woff2") format("woff2");
}
@font-face {
font-family: "Twemoji";
font-weight: 700;
src: url("$(res)/fonts/Twemoji_Mozilla/TwemojiMozilla-colr.woff2") format("woff2");
src: url("/res/fonts/Twemoji_Mozilla/TwemojiMozilla-colr.woff2") format("woff2");
}
res/themes/light/css/_paths.pcss
-3
View File
@@ -1,3 +0,0 @@
/* Path from root SCSS file (such as `light.pcss`) to `res` dir in the source tree */
/* This value is overridden by external themes in `element-web`. */
$res: ../../..;
res/themes/light/css/light.pcss
-1
View File
@@ -1,5 +1,4 @@
@import "../../../../res/css/_font-sizes.pcss";
@import "_paths.pcss";
@import "_fonts.pcss";
@import "_light.pcss";
@import "_mods.pcss";