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

Refine menu, toast, and popover colors (#12247)

Browse Source 
So that they use Compound semantic colors correctly and appear more similar to the real components now found in Compound.
This commit is contained in:
Robin
2024-02-14 22:30:16 +00:00
committed by GitHub
parent 35ad92bf54
commit 0856c7617d
23 changed files with 32 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files
res/css/structures/_ToastContainer.pcss
+5 -4
View File
@@ -36,16 +36,17 @@ limitations under the License.
.mx_Toast_toast {
grid-row: 1 / 3;
grid-column: 1;
background-color: $system;
background-color: var(--cpd-color-bg-canvas-default);
color: $primary-content;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.5);
border-radius: 8px;
box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
border: var(--cpd-border-width-1) solid var(--cpd-color-border-interactive-secondary);
border-radius: 12px;
overflow: hidden;
display: grid;
grid-template-columns: 22px 1fr;
column-gap: 8px;
row-gap: 4px;
padding: 8px;
padding: var(--cpd-space-3x);
&.mx_Toast_hasIcon {
&::before,