Browse Source

UI/sidebar touch-ups

develop
Rob Colbert 2 years ago
parent
commit
9d5a544b20
  1. 5
      app/views/components/page-sidebar.pug
  2. 2
      app/views/components/section-title.pug
  3. 8
      client/less/site/sidebar.less

5
app/views/components/page-sidebar.pug

@ -7,10 +7,11 @@ mixin renderPageSidebar ( )
li
+renderAnnouncement(announcement)
.sidebar-widget.uk-margin
.uk-margin
+renderSectionTitle('Widget', {
label: 'Sample URL',
title: 'Sample URL Title',
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
app/views/components/section-title.pug

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

8
client/less/site/sidebar.less

@ -3,6 +3,12 @@
padding: @global-gutter;
background-color: @content-background-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;
:last-child {
margin-bottom: 0;
}
}
Loading…
Cancel
Save