2020-04-15 12:17:17 +02:00
|
|
|
:root {
|
|
|
|
<?php foreach ($_['vars'] as $key => $value): ?>
|
|
|
|
<?php if ($key === 'opener'): ?>
|
2020-04-20 19:24:37 +02:00
|
|
|
--side-menu-<?php echo $key ?>: url('<?php print_unescaped(image_path('side_menu', $value.'.svg')); ?>');
|
2020-04-15 12:17:17 +02:00
|
|
|
<?php else: ?>
|
|
|
|
--side-menu-<?php echo $key ?>: <?php echo $value ?>;
|
|
|
|
<?php endif; ?>
|
|
|
|
<?php endforeach; ?>
|
|
|
|
}
|
|
|
|
|
2020-05-09 15:53:25 +02:00
|
|
|
<?php if ($_['external-sites-in-top-menu'] === false): ?>
|
|
|
|
#appmenu {
|
|
|
|
display: none;
|
|
|
|
}
|
2020-05-12 19:45:46 +02:00
|
|
|
|
|
|
|
#appmenu + nav {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
<?php else: ?>
|
|
|
|
.app-hidden {
|
|
|
|
opacity: 0;
|
|
|
|
}
|
2020-05-09 15:53:25 +02:00
|
|
|
<?php endif; ?>
|
|
|
|
|
2020-04-26 23:45:33 +02:00
|
|
|
<?php if ($_['opener-only'] === true): ?>
|
|
|
|
#nextcloud {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
<?php endif; ?>
|
|
|
|
|
2020-04-15 12:17:17 +02:00
|
|
|
<?php if ($_['display-logo'] === false): ?>
|
2020-04-22 19:35:56 +02:00
|
|
|
.side-menu-logo {
|
|
|
|
display: none;
|
|
|
|
}
|
2020-04-15 12:17:17 +02:00
|
|
|
|
2020-04-22 19:35:56 +02:00
|
|
|
.side-menu-header {
|
|
|
|
height: 50px;
|
|
|
|
}
|
2020-04-15 12:17:17 +02:00
|
|
|
|
2020-04-22 19:35:56 +02:00
|
|
|
.side-menu-apps-list {
|
2020-05-05 18:52:04 +02:00
|
|
|
height: calc(100vh - 49px);
|
|
|
|
top: 49px;
|
2020-04-22 19:35:56 +02:00
|
|
|
}
|
2020-04-17 13:58:45 +02:00
|
|
|
|
2020-04-22 19:35:56 +02:00
|
|
|
#side-menu.hide-opener .side-menu-header {
|
2020-05-05 18:52:04 +02:00
|
|
|
visibility: hidden;
|
2020-04-22 19:35:56 +02:00
|
|
|
}
|
2020-04-17 13:58:45 +02:00
|
|
|
|
2020-04-25 14:25:51 +02:00
|
|
|
<?php if ($_['size-text'] === 'hidden'): ?>
|
|
|
|
#side-menu, .side-menu-apps-list {
|
|
|
|
<?php if ($_['size-icon'] === 'big'): ?>
|
|
|
|
width: 55px;
|
|
|
|
<?php else: ?>
|
|
|
|
width: 52px;
|
|
|
|
<?php endif; ?>
|
|
|
|
}
|
|
|
|
|
|
|
|
#side-menu .side-menu-opener {
|
|
|
|
<?php if ($_['size-icon'] === 'big'): ?>
|
2020-05-05 18:52:04 +02:00
|
|
|
margin-left: 1px;
|
2020-04-25 14:25:51 +02:00
|
|
|
<?php else: ?>
|
2020-05-05 18:52:04 +02:00
|
|
|
margin-left: 0px;
|
2020-04-25 14:25:51 +02:00
|
|
|
<?php endif; ?>
|
|
|
|
}
|
|
|
|
<?php endif; ?>
|
|
|
|
<?php endif; ?>
|
|
|
|
|
|
|
|
<?php if ($_['size-icon'] === 'hidden'): ?>
|
|
|
|
.side-menu-app-icon {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
<?php elseif ($_['size-icon'] === 'small'): ?>
|
|
|
|
.side-menu-app-icon svg {
|
|
|
|
width: 15px;
|
|
|
|
height: 15px;
|
|
|
|
}
|
2020-08-11 15:26:40 +02:00
|
|
|
|
|
|
|
img.side-menu-app-icon {
|
|
|
|
width: 15px;
|
|
|
|
height: 15px;
|
|
|
|
}
|
2020-04-25 14:25:51 +02:00
|
|
|
<?php elseif ($_['size-icon'] === 'normal'): ?>
|
|
|
|
.side-menu-app-icon svg {
|
|
|
|
width: 20px;
|
|
|
|
height: 20px;
|
|
|
|
}
|
2020-08-11 15:26:40 +02:00
|
|
|
|
|
|
|
img.side-menu-app-icon {
|
|
|
|
width: 20px;
|
|
|
|
height: 20px;
|
|
|
|
}
|
2020-04-25 14:25:51 +02:00
|
|
|
<?php elseif ($_['size-icon'] === 'big'): ?>
|
|
|
|
.side-menu-app-icon svg {
|
|
|
|
width: 23px;
|
|
|
|
height: 23px;
|
|
|
|
}
|
2020-08-11 15:26:40 +02:00
|
|
|
|
|
|
|
img.side-menu-app-icon {
|
|
|
|
width: 23px;
|
|
|
|
height: 23px;
|
|
|
|
}
|
2020-04-25 14:25:51 +02:00
|
|
|
<?php endif; ?>
|
|
|
|
|
|
|
|
<?php if ($_['size-text'] === 'hidden'): ?>
|
|
|
|
.side-menu-app-text {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
<?php elseif ($_['size-text'] === 'small'): ?>
|
|
|
|
.side-menu-app-text {
|
|
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
<?php elseif ($_['size-text'] === 'big'): ?>
|
|
|
|
.side-menu-app-text {
|
|
|
|
font-size: 16px;
|
|
|
|
}
|
2020-04-15 12:17:17 +02:00
|
|
|
<?php endif; ?>
|