monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-02-27 00:04:37 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix(alerts panel): unwanted horizontal scrolling

Browse source
This commit is contained in:
Miodec 2024-02-28 23:15:16 +01:00
parent 8e0f124028
commit 35b87c467f
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/styles/popups.scss
View file

@ -1670,6 +1670,7 @@
gap: 2rem;
align-content: baseline;
height: 100%;
grid-auto-columns: 100%;
}
.accountAlerts > .title,
.notificationHistory > .title,
@ -1691,6 +1692,7 @@
.list {
display: grid;
gap: 1rem;
grid-template-columns: 100%;
.nothing {
width: 100%;
color: var(--text-color);
@ -1738,6 +1740,7 @@
color: var(--text-color);
transition: 0.125s;
opacity: 1;
word-wrap: break-word;
}
.buttons {
grid-area: buttons;
@ -1769,14 +1772,14 @@
}
.psas .list .item {
grid-template-areas: "indicator body";
grid-template-columns: 0.25rem auto;
grid-template-columns: 0.25rem calc(100% - 0.25rem);
.body {
opacity: 1;
}
}
.notificationHistory .list .item {
grid-template-areas: "indicator title" "indicator body";
grid-template-columns: 0.25rem auto;
grid-template-columns: 0.25rem calc(100% - 0.25rem);
.title {
font-size: 0.75rem;
color: var(--sub-color);