Merge pull request #22340 from nextcloud/dashboard/design-polishing
Some more Dashboard design polishing
This commit is contained in:
commit
f9d16edd94
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -15,9 +15,9 @@
|
|||
@end="saveLayout">
|
||||
<div v-for="panelId in layout" :key="panels[panelId].id" class="panel">
|
||||
<div class="panel--header">
|
||||
<h3 :class="panels[panelId].iconClass">
|
||||
<h2 :class="panels[panelId].iconClass">
|
||||
{{ panels[panelId].title }}
|
||||
</h3>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="panel--content">
|
||||
<div :ref="panels[panelId].id" :data-id="panels[panelId].id" />
|
||||
|
@ -313,15 +313,15 @@ export default {
|
|||
background-color: var(--color-main-background);
|
||||
--color-background-translucent: var(--color-main-background);
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
> h2 {
|
||||
color: var(--color-primary-text);
|
||||
text-align: center;
|
||||
font-size: 32px;
|
||||
line-height: 130%;
|
||||
padding: 120px 16px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.panels {
|
||||
width: auto;
|
||||
|
@ -374,7 +374,7 @@ export default {
|
|||
flex-grow: 1;
|
||||
}
|
||||
|
||||
h3 {
|
||||
> h2 {
|
||||
display: block;
|
||||
flex-grow: 1;
|
||||
margin: 0;
|
||||
|
@ -395,7 +395,8 @@ export default {
|
|||
& > .panel--content {
|
||||
margin: 0 16px 16px 16px;
|
||||
height: 420px;
|
||||
overflow: auto;
|
||||
// We specifically do not want scrollbars inside widgets
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
// No need to extend height of widgets if only one column is shown
|
||||
|
@ -431,12 +432,14 @@ export default {
|
|||
}
|
||||
|
||||
.edit-panels,
|
||||
.statuses ::v-deep .action-item > button {
|
||||
.statuses ::v-deep .action-item > button,
|
||||
.statuses ::v-deep .action-item.action-item--open .action-item__menutoggle {
|
||||
background-color: var(--color-background-translucent);
|
||||
backdrop-filter: var(--background-blur);
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
&:focus,
|
||||
&:active {
|
||||
background-color: var(--color-background-hover);
|
||||
}
|
||||
}
|
||||
|
@ -484,6 +487,13 @@ export default {
|
|||
margin-top: 64px;
|
||||
}
|
||||
}
|
||||
|
||||
// Adjust design of 'Get more widgets' button
|
||||
.button {
|
||||
display: inline-block;
|
||||
padding: 12px 24px;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.flip-list-move {
|
||||
|
|
|
@ -157,7 +157,6 @@ export default {
|
|||
|
||||
&.filepicker, &.default, &.color {
|
||||
border-color: var(--color-border);
|
||||
line-height: 96px;
|
||||
}
|
||||
|
||||
&.color {
|
||||
|
|
Loading…
Reference in New Issue