From 8e15dbd73035c2a2198a2828a20ddcebe0739823 Mon Sep 17 00:00:00 2001 From: Kelly Rauchenberger Date: Tue, 3 Jul 2018 13:58:57 -0400 Subject: Implemented streams Currently there are no links to the pages for editing stream updates, and the admin panel for managing streams could probably have a better look & feel, but here's some basic working functionality. refs #8 --- app/assets/stylesheets/admin/layout.scss | 14 ++++- app/assets/stylesheets/main/entries.scss | 105 ++++++++++++++++++++----------- app/assets/stylesheets/main/records.scss | 4 ++ 3 files changed, 86 insertions(+), 37 deletions(-) (limited to 'app/assets/stylesheets') diff --git a/app/assets/stylesheets/admin/layout.scss b/app/assets/stylesheets/admin/layout.scss index bbe5383..6645709 100644 --- a/app/assets/stylesheets/admin/layout.scss +++ b/app/assets/stylesheets/admin/layout.scss @@ -80,7 +80,7 @@ body { background-color: #eee; } -#blog-form { +#entry-form { display: flex; fieldset { @@ -163,6 +163,18 @@ body { td { padding: .25em; } + + .admin-actions { + margin: 0; + + li { + display: inline; + + &+li:before { + content: " - "; + } + } + } } .details-module { diff --git a/app/assets/stylesheets/main/entries.scss b/app/assets/stylesheets/main/entries.scss index bd0b5ba..b2a07c5 100644 --- a/app/assets/stylesheets/main/entries.scss +++ b/app/assets/stylesheets/main/entries.scss @@ -26,54 +26,87 @@ margin-bottom: 0; font-weight: normal; } +} - #blog-content { - hyphens: auto; - word-wrap: break-word; +#stream-post { + h2 { + background-color: #98FB98; + display: block; + font-size: 20px; font-family: 'Roboto', sans-serif; - text-align: justify; + padding: 0.5em 20px; + border-top: 1px solid #7BCC70; + border-bottom: 1px solid #7BCC70; + } - a { - text-decoration: none; - font-weight: bold; + #stream-intro { + font-size: 16px; + margin: 0 20px; + } - &, &:visited { - color: #ee2c2c; - } + .stream-update { + font-size: 16px; + padding: 0 20px; + border-top: 1px solid #DEDEDE; - &:hover { - text-decoration: underline; - color: #9ea1ad; - } + .update-posted { + display: block; + font-style: italic; + text-align: right; + color: #989898; + font-size: 14px; + margin-top: .5em; } + } +} + +.entry-content { + hyphens: auto; + word-wrap: break-word; + text-align: justify; + font-family: 'Roboto', sans-serif; + + a { + text-decoration: none; + font-weight: bold; - li { - & + li { - margin-top: 1em; - } + &, &:visited { + color: #ee2c2c; } - img { - max-width: 100%; - box-sizing: border-box; + &:hover { + text-decoration: underline; + color: #9ea1ad; } + } - figure { - background-color: #eee; + li { + & + li { + margin-top: 1em; + } + } + + img { + max-width: 100%; + box-sizing: border-box; + } + + figure { + background-color: #eee; + border: 1px solid #bbb; + padding: 0.25em 0.25em 0 0.25em; + font-size: 0.75em; + line-height: 24px; + + img { + display: block; border: 1px solid #bbb; - padding: 0.25em 0.25em 0 0.25em; - font-size: 0.75em; - - img { - display: block; - border: 1px solid #bbb; - } - - figcaption { - font-style: italic; - text-align: center; - margin: 0.25em; - } + } + + figcaption { + font-style: italic; + text-align: center; + margin: 0.25em; } } } diff --git a/app/assets/stylesheets/main/records.scss b/app/assets/stylesheets/main/records.scss index dd4eac1..f57dded 100644 --- a/app/assets/stylesheets/main/records.scss +++ b/app/assets/stylesheets/main/records.scss @@ -52,6 +52,10 @@ &.entry-type-blog { background-color: #90fefb; } + + &.entry-type-stream, &.entry-type-update { + background-color: #98FB98; + } } & + li { -- cgit 1.4.1