From 9d5a544b2073f947911bf873f8a874bb74a518ee Mon Sep 17 00:00:00 2001 From: rob Date: Fri, 22 Jul 2022 16:32:40 -0400 Subject: [PATCH] UI/sidebar touch-ups --- app/views/components/page-sidebar.pug | 5 +++-- app/views/components/section-title.pug | 2 +- client/less/site/sidebar.less | 8 +++++++- 3 files changed, 11 insertions(+), 4 deletions(-) diff --git a/app/views/components/page-sidebar.pug b/app/views/components/page-sidebar.pug index 9100676..cb8b97c 100644 --- a/app/views/components/page-sidebar.pug +++ b/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. \ No newline at end of file + .sidebar-widget + p This would be your widget content if your page even has a sidebar and that sidebar has widgets. \ No newline at end of file diff --git a/app/views/components/section-title.pug b/app/views/components/section-title.pug index b4ea873..afcffd3 100644 --- a/app/views/components/section-title.pug +++ b/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 \ No newline at end of file diff --git a/client/less/site/sidebar.less b/client/less/site/sidebar.less index 591aa2c..74dfe5c 100644 --- a/client/less/site/sidebar.less +++ b/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; + } } \ No newline at end of file