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; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
overflow: unset !important;
max-height: unset !important;
&__buttons { &__buttons {
padding-top: 14px; padding-top: 14px;
position: absolute; position: fixed;
bottom: 0px; bottom: 0px;
z-index: 2; z-index: 2;
width: 97%; width: calc(27vw - 11px);
left: 0px; min-width: 300px - 11px;
max-width: 500px - 11px;
right: 10px;
background-color: var(--color-main-background); background-color: var(--color-main-background);
padding-left: 22px; padding-left: 22px;
padding-right: 22px; padding-right: 22px;
button { button {
width: 100%; width: 100%;
height: 44px;
} }
} }
&__content {
margin-bottom: 120px;
}
} }
.property-title-time-picker-loading-placeholder { .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 { ::v-deep .app-sidebar-header__description {
flex-direction: column; flex-direction: column;
} }
::v-deep .app-sidebar-tab__content {
margin-bottom: 100px;
}
</style> </style>