adjust and reuse apps.css, makes additional class and rules unnecessary

Signed-off-by: Arthur Schiwon <blizzz@arthur-schiwon.de>
This commit is contained in:
Arthur Schiwon 2018-06-06 12:09:32 +02:00 committed by Morris Jobke
parent 3fa5e46019
commit 427ac19e91
No known key found for this signature in database
GPG Key ID: FE03C3A163FEDE68
3 changed files with 4 additions and 14 deletions

View File

@ -53,20 +53,9 @@
position: relative; position: relative;
} }
#updatenotification .item-wrapper { #updatenotification .popovermenu p {
display: flex;
align-items: flex-start;
padding-right: 10px;
}
#updatenotification .item-wrapper p {
margin-bottom: 0; margin-bottom: 0;
padding-top: 10px; width: 100%;
}
#updatenotification .item-wrapper span[class^="icon-"] {
padding: 19px 0 19px 22px;
line-height: 38px;
} }
#updatenotification .popovermenu { #updatenotification .popovermenu {

View File

@ -13,7 +13,7 @@
<p v-else-if="item.longtext">{{item.longtext}}</p> <p v-else-if="item.longtext">{{item.longtext}}</p>
</button> </button>
<!-- If item.longtext is set AND the item does not have an action --> <!-- If item.longtext is set AND the item does not have an action -->
<span class="item-wrapper" v-else> <span v-else>
<span :class="item.icon"></span> <span :class="item.icon"></span>
<span v-if="item.text">{{item.text}}</span> <span v-if="item.text">{{item.text}}</span>
<p v-else-if="item.longtext">{{item.longtext}}</p> <p v-else-if="item.longtext">{{item.longtext}}</p>

View File

@ -869,6 +869,7 @@ $popovericon-size: 16px;
flex: 0 0 auto; flex: 0 0 auto;
> button, > button,
> a, > a,
> span,
> .menuitem { > .menuitem {
cursor: pointer; cursor: pointer;
line-height: $popoveritem-height; line-height: $popoveritem-height;