From 0ac2509b3f2fc973ffbf6a934b7ddcff54862b67 Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Tue, 21 Feb 2017 10:46:19 -0600 Subject: [PATCH 1/4] LDOC-43 Improved appearance of Book sidebar navigation. --- css/suitcase.css | 36 ++++++++++++++++++++++++++++++++++++ 1 file changed, 36 insertions(+) diff --git a/css/suitcase.css b/css/suitcase.css index 84fe324..4319caf 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -1531,6 +1531,42 @@ span.date-display-single { margin-left: 75px !important; } +/* Sidebar */ + +.block-book .block-title { + margin-bottom: 1rem; +} + +.block-book .menu li { + list-style-type: none; + list-style-image: none; + margin: 0; +} + +.block-book .menu li a { + display: block; + margin-bottom: 0.5rem; + padding-bottom: 0.5rem; + font-size: 15px; + text-decoration: none; + border-bottom: 1px solid #ddd; +} + +.block-book .menu li a:hover { + text-decoration: underline; +} + +.block-book ul li.collapsed a:after { + content: '›'; + float: right; + margin-top: -8px; + font-size: 24px; +} + +.block-book ul ul { + margin-left: 1rem; +} + /* -------------------- */ /* ## NODE - GENERAL /* -------------------- */ From 08ef1349789eb16a28e5e0cbba74beaa2d733a86 Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Tue, 21 Feb 2017 10:47:29 -0600 Subject: [PATCH 2/4] LDOC-43 Changed list of Book links to look more like bars than list of links. --- css/suitcase.css | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/css/suitcase.css b/css/suitcase.css index 4319caf..e1ce192 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -1531,6 +1531,33 @@ span.date-display-single { margin-left: 75px !important; } +/* Book Section Links */ + +.book-navigation { + padding: 1rem 0; +} + +.book-navigation .menu { + margin: 0 0 1rem; + padding: 0; + border: 0; +} + +.book-navigation .menu li { + list-style-type: none; + list-style-image: none; + margin: 0; + padding: 0; +} + +.book-navigation .menu li a { + display: block; + margin-bottom: 0.5rem; + padding: 10px 16px; + text-decoration: none; + border: 1px solid #ddd; +} + /* Sidebar */ .block-book .block-title { From 200e464fbd7ae228aac7de45b2d740d46f4c7fdf Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Tue, 21 Feb 2017 10:48:29 -0600 Subject: [PATCH 3/4] LDOC-43 Improved appearance of pagination, and matched pagination to other features. --- css/suitcase.css | 63 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 63 insertions(+) diff --git a/css/suitcase.css b/css/suitcase.css index e1ce192..f43a619 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -1594,6 +1594,69 @@ span.date-display-single { margin-left: 1rem; } +/* Pagination */ + +.book-navigation .page-links { + border-top: 0; + border-bottom: 0; + padding: 0; +} + +.book-navigation .page-next, +.book-navigation .page-previous, +.book-navigation .page-up { + display: inline-block; + width: auto; + margin-top: 1rem; + padding: 10px 16px; + color: #333; + font-size: 14px; + font-weight: bold; + text-decoration: none; + border: 1px solid #ddd; + border-radius: 3px; +} + +.book-navigation .page-up { + margin-right: auto; + margin-left: auto; + float: none; +} + +.book-navigation .page-next:hover, +.book-navigation .page-previous:hover, +.book-navigation .page-up:hover { + text-decoration: underline; +} + +@media (max-width: 550px) { + .book-navigation .page-links { + display: flex; + flex-wrap: wrap; + } + + .book-navigation .page-next, + .book-navigation .page-previous, + .book-navigation .page-up { + display: block; + float: none; + } + + .book-navigation .page-next, + .book-navigation .page-previous { + width: calc(50% - 10px); + } + + .book-navigation .page-previous { + margin-right: 20px; + } + + .book-navigation .page-up { + width: 100%; + order: -1; + } +} + /* -------------------- */ /* ## NODE - GENERAL /* -------------------- */ From 4de9c3ead51fbd205a074c4e0f6ec7a8dbbd36ee Mon Sep 17 00:00:00 2001 From: "Carney, Sarah A" Date: Tue, 21 Feb 2017 14:32:52 -0600 Subject: [PATCH 4/4] LDOC-43 More visual separation between content and pagination. Added more visual separation between content and pagination. --- css/suitcase.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/css/suitcase.css b/css/suitcase.css index f43a619..97e2eca 100644 --- a/css/suitcase.css +++ b/css/suitcase.css @@ -1597,9 +1597,12 @@ span.date-display-single { /* Pagination */ .book-navigation .page-links { - border-top: 0; + border-top: 1px solid #ddd; border-bottom: 0; + margin-top: 2rem; padding: 0; + padding-top: 1rem; + } .book-navigation .page-next,