Improved section and widget layout for Minimal view

This commit is contained in:
Alicia Sykes
2022-01-22 20:44:31 +00:00
parent 4278764101
commit 25bc577fb1
3 changed files with 31 additions and 7 deletions

View File

@@ -22,7 +22,7 @@
@triggerModal="triggerModal"
/>
</div>
<div v-if="widgets && (selected || showAll)">
<div v-if="widgets && (selected && !showAll)" class="minimal-widget-wrap">
<WidgetBase
v-for="(widget, widgetIndx) in widgets"
:key="widgetIndx"
@@ -125,6 +125,9 @@ export default {
@include big-screen-up { --minimal-col-count: 6; }
grid-template-columns: repeat(var(--minimal-col-count, 1), minmax(0, 1fr));
}
.minimal-widget-wrap {
padding: 1rem;
}
&.selected {
border: 1px solid var(--minimal-view-group-color);
grid-column-start: span var(--col-count, 3);