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

Replace legacy $spacing-X vars with Compound Design Tokens (#34380)

Browse Source 
* Replace legacy `$spacing-X` vars with Compound Design Tokens

* Remove unused font size vars

* Use calc to get negative spacing vars
This commit is contained in:
Michael Telatynski
2026-07-22 10:10:57 +00:00
committed by GitHub
parent ef8cfda6fe
commit 49a2bdd7e4
87 changed files with 343 additions and 380 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/res/css/views/right_panel/_BaseCard.pcss
+1 -1
View File
@@ -87,7 +87,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_BaseCard_footer {
padding-top: $spacing-4;
padding-top: var(--cpd-space-1x);
text-align: center;
display: flex;
justify-content: space-around;
apps/web/res/css/views/right_panel/_ExtensionsCard.pcss
+1 -1
View File
@@ -22,7 +22,7 @@ Please see LICENSE files in the repository root for full details.
.mx_ExtensionsCard_container {
text-align: center;
margin: $spacing-20 var(--cpd-space-4x) 0;
margin: var(--cpd-space-5x) var(--cpd-space-4x) 0;
}
.mx_ExtensionsCard_Button {
apps/web/res/css/views/right_panel/_RoomSummaryCard.pcss
+2 -2
View File
@@ -12,7 +12,7 @@ Please see LICENSE files in the repository root for full details.
.mx_RoomSummaryCard_container {
text-align: center;
margin: $spacing-20 var(--cpd-space-4x) 0;
margin: var(--cpd-space-5x) var(--cpd-space-4x) 0;
}
.mx_RoomSummaryCard_roomName,
@@ -98,7 +98,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_RoomSummaryCard_roomName {
margin: $spacing-12 0 $spacing-4;
margin: var(--cpd-space-3x) 0 var(--cpd-space-1x);
}
.mx_RoomSummaryCard_bottomOptions {
apps/web/res/css/views/right_panel/_ThreadPanel.pcss
+3 -3
View File
@@ -32,7 +32,7 @@ Please see LICENSE files in the repository root for full details.
.mx_ThreadPanel_dropdown {
font: var(--cpd-font-body-sm-regular);
padding: 3px $spacing-4 3px $spacing-8;
padding: 3px var(--cpd-space-1x) 3px var(--cpd-space-2x);
border-radius: 4px;
line-height: 1.5;
user-select: none;
@@ -111,8 +111,8 @@ Please see LICENSE files in the repository root for full details.
}
.mx_RoomView_MessageList {
padding-inline-start: $spacing-8;
padding-inline-end: $spacing-8;
padding-inline-start: var(--cpd-space-2x);
padding-inline-end: var(--cpd-space-2x);
content-visibility: visible;
}
apps/web/res/css/views/right_panel/_TimelineCard.pcss
+2 -2
View File
@@ -51,7 +51,7 @@ Please see LICENSE files in the repository root for full details.
padding-inline-end: var(--MessageTimestamp-width); /* ensure timestamp is not hidden */
.mx_EventTile_e2eIcon {
inset-inline-start: $spacing-8;
inset-inline-start: var(--cpd-space-2x);
}
}
@@ -98,7 +98,7 @@ Please see LICENSE files in the repository root for full details.
.mx_ReactionsRow {
/* See: var(--ThreadView_group_spacing-end) for ReactionsRow on _EventTile.pcss */
margin-inline-end: $spacing-8;
margin-inline-end: var(--cpd-space-2x);
}
.mx_ThreadSummary {
apps/web/res/css/views/right_panel/_UserInfo.pcss
+2 -2
View File
@@ -25,7 +25,7 @@ Please see LICENSE files in the repository root for full details.
.mx_UserInfo_memberDetailsContainer {
padding-top: 0;
padding-bottom: 0;
margin-bottom: $spacing-8;
margin-bottom: var(--cpd-space-2x);
}
.mx_RoomTile_titleContainer {
@@ -67,7 +67,7 @@ Please see LICENSE files in the repository root for full details.
color: $tertiary-content;
font: var(--cpd-font-body-md-semibold);
font-weight: var(--cpd-font-weight-semibold);
margin: $spacing-4 0;
margin: var(--cpd-space-1x) 0;
}
p {