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:
parent
3fa5e46019
commit
427ac19e91
|
@ -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 {
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue