UI/sidebar touch-ups

master
rob 2 years ago
parent 065e7fbfdd
commit 9d5a544b20

@ -7,10 +7,11 @@ mixin renderPageSidebar ( )
li li
+renderAnnouncement(announcement) +renderAnnouncement(announcement)
.sidebar-widget.uk-margin .uk-margin
+renderSectionTitle('Widget', { +renderSectionTitle('Widget', {
label: 'Sample URL', label: 'Sample URL',
title: 'Sample URL Title', title: 'Sample URL Title',
url: 'https://shing.tv', url: 'https://shing.tv',
}) })
p This would be your widget content if your page even has a sidebar and that sidebar has widgets. .sidebar-widget
p This would be your widget content if your page even has a sidebar and that sidebar has widgets.

@ -2,7 +2,7 @@ mixin renderSectionTitle (title, barButton)
.dtp-border-bottom .dtp-border-bottom
div(uk-grid).uk-grid-small.uk-flex-middle div(uk-grid).uk-grid-small.uk-flex-middle
.uk-width-expand .uk-width-expand
h4.uk-heading-bullet.uk-margin-small= title h4.uk-margin-small= title
if barButton if barButton
.uk-width-auto .uk-width-auto
a(href= barButton.url, title= barButton.title).uk-button.uk-button-link.uk-button-small= barButton.label a(href= barButton.url, title= barButton.title).uk-button.uk-button-link.uk-button-small= barButton.label

@ -3,6 +3,12 @@
padding: @global-gutter; padding: @global-gutter;
background-color: @content-background-color; background-color: @content-background-color;
border: solid 1px @content-border-color; border: solid 1px @content-border-color;
border-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top: none;
overflow: hidden; overflow: hidden;
:last-child {
margin-bottom: 0;
}
} }
Loading…
Cancel
Save