Weather status: Fix small design issues

Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan C. Borchardt 2020-08-20 00:54:11 +02:00
parent 70d1d1997a
commit f0a306c3fe
No known key found for this signature in database
GPG Key ID: CBD846FC845CBE17
3 changed files with 6 additions and 10 deletions

View File

@ -1,13 +1,13 @@
<template>
<div id="app-dashboard" :style="backgroundStyle">
<h2>{{ greeting.text }}</h2>
<div class="statuses">
<ul class="statuses">
<div v-for="status in registeredStatus"
:id="'status-' + status"
:key="status">
<div :ref="'status-' + status" />
</div>
</div>
</ul>
<Draggable v-model="layout"
class="panels"
@ -419,7 +419,7 @@ export default {
}
.edit-panels,
.statuses ::v-deep #user-status-menu-item__subheader>button {
.statuses ::v-deep .action-item > button {
background-color: var(--color-background-translucent);
backdrop-filter: var(--background-blur);
@ -482,12 +482,11 @@ export default {
display: flex;
flex-direction: row;
justify-content: center;
margin-bottom: 40px;
flex-wrap: wrap;
margin-bottom: 36px;
& > div {
max-width: 200px;
margin-left: 10px;
margin-right: 10px;
margin: 8px;
}
}

View File

@ -287,7 +287,6 @@ li:not(.inline) #user-status-menu-item {
border: 0;
border-radius: var(--border-radius-pill);
font-weight: normal;
font-size: 0.875em;
padding-left: 40px;
&:hover,

View File

@ -454,7 +454,6 @@ li:not(.inline) .weather-status-menu-item {
border: 0;
border-radius: 0;
font-weight: normal;
font-size: 0.875em;
padding-left: 40px;
&:hover,
@ -481,7 +480,6 @@ body.theme--dark .inline .weather-status-menu-item__subheader > button {
border: 0;
border-radius: var(--border-radius-pill);
font-weight: normal;
font-size: 0.875em;
padding-left: 40px;
&:hover,