CSS fixes

Signed-off-by: Arthur Schiwon <blizzz@arthur-schiwon.de>
This commit is contained in:
Arthur Schiwon 2018-06-05 13:38:41 +02:00 committed by Morris Jobke
parent dfc56e4f03
commit 3fa5e46019
No known key found for this signature in database
GPG Key ID: FE03C3A163FEDE68
2 changed files with 12 additions and 10 deletions

View File

@ -49,25 +49,27 @@
display: inline-block; display: inline-block;
} }
#updatenotification .toggleWhatsNews { #updatenotification .toggleWhatsNew {
position: relative; position: relative;
} }
#updatenotification .item-wrapper { #updatenotification .item-wrapper {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
} padding-right: 10px;
#updatenotification .item-wrapper {
display: flex;
align-items: flex-start;
} }
#updatenotification .item-wrapper p { #updatenotification .item-wrapper p {
margin-bottom: 10px; margin-bottom: 0;
margin-left: 0.5em; padding-top: 10px;
} }
#updatenotification .item-wrapper span[class^="icon-"] { #updatenotification .item-wrapper span[class^="icon-"] {
padding: 0 19px 0 0; padding: 19px 0 19px 22px;
line-height: 38px;
}
#updatenotification .popovermenu {
margin-top: 5px;
width: 300px;
} }

View File

@ -40,7 +40,7 @@
<a v-if="updaterEnabled" href="#" class="button" @click="clickUpdaterButton">{{ t('updatenotification', 'Open updater') }}</a> <a v-if="updaterEnabled" href="#" class="button" @click="clickUpdaterButton">{{ t('updatenotification', 'Open updater') }}</a>
<a v-if="downloadLink" :href="downloadLink" class="button" :class="{ hidden: !updaterEnabled }">{{ t('updatenotification', 'Download now') }}</a> <a v-if="downloadLink" :href="downloadLink" class="button" :class="{ hidden: !updaterEnabled }">{{ t('updatenotification', 'Download now') }}</a>
<div class="whatsNew" v-if="whatsNew"> <div class="whatsNew" v-if="whatsNew">
<div class="toggleWhatsNews"> <div class="toggleWhatsNew">
<span v-click-outside="hideMenu" @click="toggleMenu">{{ t('updatenotification', 'What\'s new?') }}</span> <span v-click-outside="hideMenu" @click="toggleMenu">{{ t('updatenotification', 'What\'s new?') }}</span>
<div class="popovermenu" :class="{ 'open': openedWhatsNew }"> <div class="popovermenu" :class="{ 'open': openedWhatsNew }">
<popover-menu :menu="whatsNew" /> <popover-menu :menu="whatsNew" />