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

fixed custom text popup media queries

Browse source
This commit is contained in:
Miodec 2022-10-13 20:09:30 +02:00
parent 70ca2cb282
commit 0ccf45bece
1 changed files with 19 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
frontend/src/styles/z_media-queries.scss
View file

@ -37,6 +37,13 @@
#app {
grid-template-columns: auto;
}
#customTextPopupWrapper {
padding: 2rem;
#customTextPopup {
grid-template-columns: 1fr 1fr 2fr;
width: 100%;
}
}
}
@media only screen and (max-width: 1250px) {
@ -83,9 +90,6 @@
}
}
}
#customTextPopup {
width: 80vw !important;
}
#leaderboardsWrapper {
#leaderboards {
.leaderboardsTop {
@ -155,6 +159,13 @@
}
@media only screen and (max-width: 900px) {
#customTextPopupWrapper #customTextPopup {
grid-template-areas:
"topButtons topButtons topButtons"
"textArea textArea textArea"
"checkboxes checkboxes checkboxes"
"ok ok ok";
}
#testConfig {
.mode,
.time,
@ -426,6 +437,11 @@
.section.themes .tabContent.customTheme {
}
}
#customTextPopupWrapper #customTextPopup {
.buttonsTop {
grid-template-columns: 1fr;
}
}
}
@media only screen and (max-width: 750px) {
@ -657,20 +673,6 @@
#leaderboardsWrapper #leaderboards .leaderboardsTop .buttonGroup {
grid-auto-flow: row;
}
#customTextPopupWrapper {
#customTextPopup {
.wordfilter.button {
width: 100% !important;
justify-self: auto;
}
.inputs {
display: flex !important;
flex-direction: column;
justify-content: flex-start;
}
}
}
.pageAccount {
.group.history {