nextcloud
/
calendar
mirror of https://github.com/nextcloud/calendar
0
0
Fork 0
Code Issues Releases Wiki Activity

Make the sidebar usable on mobile again 

Signed-off-by: szaimen <szaimen@e.mail.de>
Co-Authored-By: Richard Steinmetz <richard@steinmetz.cloud>
This commit is contained in:
szaimen 2021-07-26 13:56:46 +02:00 committed by backportbot[bot]
parent 413c843c1a
commit dbcf2b2a1e
2 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
css/app-sidebar.scss
View File

@ -83,22 +83,30 @@
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: unset !important;
max-height: unset !important;
&__buttons {
padding-top: 14px;
position: absolute;
position: fixed;
bottom: 0px;
z-index: 2;
width: 97%;
left: 0px;
width: calc(27vw - 11px);
min-width: 300px - 11px;
max-width: 500px - 11px;
right: 10px;
background-color: var(--color-main-background);
padding-left: 22px;
padding-right: 22px;
button {
width: 100%;
height: 44px;
}
}
&__content {
margin-bottom: 120px;
}
}
.property-title-time-picker-loading-placeholder {

4
src/views/EditSidebar.vue
View File

@ -373,8 +373,4 @@ export default {
::v-deep .app-sidebar-header__description {
flex-direction: column;
}
::v-deep .app-sidebar-tab__content {
margin-bottom: 100px;
}
</style>