octo/mastoradio
1
0
Fork 0
forked from Mastodon/mastoradio-la-radio-di-mastodon
Code Issues Pull Requests Projects Releases Wiki Activity

refactor modal style

Browse Source
This commit is contained in:
Tixie 2020-02-22 05:13:45 +01:00
parent a38cae27a1
commit e4395caca6
2 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/assets/scss/7-vendors/micromodal.scss → src/assets/scss/5-modules/modal.scss
View File

@ -1,6 +1,6 @@
/**************************\ /* ----------------------------------------------------------- */
Basic Modal Styles /* == modal style */
\**************************/ /* ----------------------------------------------------------- */
.modal { .modal {
position: relative; position: relative;
@ -16,10 +16,6 @@
height: 100vh; height: 100vh;
} }
.modal[aria-hidden="true"] {
display: none;
}
.modal__overlay { .modal__overlay {
position: fixed; position: fixed;
top: 0; top: 0;
@ -35,8 +31,10 @@
z-index: 21; z-index: 21;
overflow-y: auto; overflow-y: auto;
box-sizing: border-box; box-sizing: border-box;
margin-right: 1rem;
margin-left: 1rem;
padding: 3rem; padding: 3rem;
max-width: 50rem; max-width: 52rem;
max-height: 100vh; max-height: 100vh;
width: 100%; width: 100%;
border-radius: .5rem; border-radius: .5rem;

3
src/assets/scss/style.scss
View File

@ -70,6 +70,7 @@
@import "5-modules/queue"; @import "5-modules/queue";
@import "5-modules/track"; @import "5-modules/track";
@import "5-modules/context-menu"; @import "5-modules/context-menu";
@import "5-modules/modal";
@import "5-modules/modal-share"; @import "5-modules/modal-share";
@ -87,7 +88,7 @@
// Tips: load vendor from your package manager and override CSS here (e.g. o-vendor-name.scss) // Tips: load vendor from your package manager and override CSS here (e.g. o-vendor-name.scss)
// In this context, "o" means "override" and you can use it as a convention. // In this context, "o" means "override" and you can use it as a convention.
@import "7-vendors/micromodal.scss"; // @import "7-vendors/o-vendor.scss";
// -------------------------------------------------------------- // --------------------------------------------------------------