Signed-off-by: Marin Treselj <marin@pixelipo.com>
vertical-align: middle;
}
- #header-left,
- #header-right {
+ .header-left,
+ .header-right {
display: inline-flex;
align-items: center;
}
- #header-left {
+ .header-left {
flex: 0 0;
flex-grow: 1;
}
- #header-right {
+ .header-right {
justify-content: flex-end;
}
}
/**
* Updates (replaces) a sanitized notification.
- *
+ *
* @param {string} text Message to display
* @return {jQuery} JQuery element for notificaiton row
*/
var resizeMenu = function() {
var appList = $('#appmenu li');
- var headerWidth = $('#header-left').width() - $('#nextcloud').width()
+ var headerWidth = $('.header-left').width() - $('#nextcloud').width()
var usePercentualAppMenuLimit = 0.33;
var minAppsDesktop = 8;
var availableWidth = headerWidth - $(appList).width();
<div id="notification"></div>
</div>
<header role="banner"><div id="header">
- <div id="header-left">
+ <div class="header-left">
<a href="<?php print_unescaped(link_to('', 'index.php')); ?>"
id="nextcloud" tabindex="1">
<div class="logo-icon">
</div>
- <div id="header-right">
+ <div class="header-right">
<form class="searchbox" action="#" method="post" role="search" novalidate>
<label for="searchbox" class="hidden-visually">
<?php p($l->t('Search'));?>