Kraut.World/server
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Menu style will adapt if iframe in map is opened (#1422)

Browse source
This commit is contained in:
GRL78 2021-09-08 15:43:46 +02:00 • committed by GitHub
parent 65b9da926b
commit 2ea7b0cff1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 45 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

17
front/src/Components/Menu/SettingsSubMenu.svelte
View file

@ -94,6 +94,7 @@ function changeNotification() {
<style lang="scss">
div.settings-main {
height: calc(100% - 40px);
overflow-y: auto;
section {
width: 100%;
@ -112,14 +113,14 @@ function changeNotification() {
}
}
section.settings-section-noSaveOption {
--nb-noSaveOptions: 2; //number of sub-element in the section
display: grid;
grid-template-columns: calc(100% / var(--nb-noSaveOptions)) calc(100% / var(--nb-noSaveOptions)); //Same size for every sub-element
display: flex;
align-items: center;
flex-wrap: wrap;
label {
flex: 1 1 auto;
text-align: center;
width: 100%;
margin: 0;
margin: 0 0 15px;
}
}
}
@ -129,12 +130,6 @@ function changeNotification() {
section {
padding: 0;
}
section.settings-section-noSaveOption {
height: 80px;
grid-template-columns: none;
grid-template-rows: calc(100% / var(--nb-noSaveOptions)) calc(100% / var(--nb-noSaveOptions)); //Same size for every sub-element;
}
}
}
</style>