Discource-C
/
discourse-gated-topics-in-category
mirror of https://github.com/discourse/discourse-gated-topics-in-category.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix for zooming in and out (#6)

This commit is contained in:
Ella E 2022-04-13 13:08:45 -06:00 committed by GitHub
parent 77ad4248e5
commit 537a4f8f44
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
common/common.scss
View File

@ -1,22 +1,19 @@
.custom-gated-topic-container { .custom-gated-topic-container {
background: var(--tertiary-low); background: var(--tertiary-low);
border-top: 5px solid var(--tertiary); border-top: 5px solid var(--tertiary);
position: fixed; position: absolute;
width: 100%; width: 100%;
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
z-index: 999; z-index: 999;
min-height: 50%; min-height: 68%;
// align content in the middle
display: grid;
place-items: center;
} }
.custom-gated-topic-content { .custom-gated-topic-content {
text-align: center; text-align: center;
padding: 0 1rem; margin: 10vh auto 0;
padding: 1rem;
&--header { &--header {
font-size: var(--font-up-5); font-size: var(--font-up-5);
@ -57,3 +54,16 @@
overflow: hidden; overflow: hidden;
} }
} }
.mobile-view {
.custom-gated-topic-container {
position: fixed;
min-height: 50%;
display: grid;
place-items: center;
}
.custom-gated-topic-content {
margin: auto;
}
}