From f360ebb457f1cc281068c08f71bccace53afe919 Mon Sep 17 00:00:00 2001 From: Eliseu Amaro Date: Sat, 11 Sep 2021 18:24:40 +0100 Subject: [PATCH] [V3] Fixed header links area. --- assets/css/blog.css | 15 +- assets/css/docs.css | 133 ------------------ assets/css/style.css | 7 +- communities/index.php | 10 +- docs/index.html | 4 +- index.html | 11 +- v3/all_tags.html | 8 +- v3/feed.rss | 10 +- v3/index.html | 8 +- ...ocumentation-and-tests-infrastructure.html | 9 +- v3/milestone-port-media-handling-from-v2.html | 9 +- v3/templates/header.template | 8 +- v3/updates-finish-the-avatar-component.html | 9 +- ...toreremotemedia-for-v3-and-port-embed.html | 9 +- ...pdates-improve-the-attachments-system.html | 9 +- v3/updates-v3-blog.html | 9 +- 16 files changed, 83 insertions(+), 185 deletions(-) delete mode 100644 assets/css/docs.css diff --git a/assets/css/blog.css b/assets/css/blog.css index 3298eda..87ad94c 100644 --- a/assets/css/blog.css +++ b/assets/css/blog.css @@ -95,7 +95,8 @@ header ~ * { } header ul li { all: unset; - display: block; + display: flex; + flex-direction: column; text-decoration: none; } header ul li a { @@ -180,3 +181,15 @@ blockquote { padding-left: 3em; border-left: 0.5em #EEE solid; } +.footer { + margin-left: 15rem; + padding: 1rem; + background-color: #333333; + color: #e9eaed; +} + +.footer a { + font-family: 'open_sansbold'; + font-weight: bold; + color: #e9eaed; +} diff --git a/assets/css/docs.css b/assets/css/docs.css deleted file mode 100644 index 19311ad..0000000 --- a/assets/css/docs.css +++ /dev/null @@ -1,133 +0,0 @@ -/* - * -- BASE STYLES -- - * Most of these are inherited from Base, but I want to change a few. - */ - -@media screen and (max-width: 900px) { - header { - all: unset !important; - z-index: 1 !important; - position: fixed; - top: 0; - left: 0; - width: 100%; - } - .home-menu { - height: min-content !important; - } - .sidebar { - all: unset; - background-color: #221E22; - - display: block; - box-sizing: border-box; - width: 100%; - height: min-content !important; - margin-bottom: 1rem; - } - .content-wrapper, - #template-wrapper { - margin-left: unset !important; - padding: 0 1rem 0 1rem !important; - } - .footer { - margin-left: inherit !important;; - } -} - -body, html { - display: flex; - flex-direction: column; - line-height: 1.4em; -} -#title{display:none;} - -/* - * -- HEADER -- - */ -header { - /* maximum z-index found */ - all: unset; - box-sizing: border-box; - position: fixed; - - background-color: #221E22; - - width: 15rem; - height: 100vh; - - top: 0; - left: 0; - - -webkit-box-shadow: 2px 5px 16px 0px rgba(34, 30, 34, 0.4), 17px 26px 15px 0px rgba(0,0,0,0); - box-shadow: 2px 5px 16px 0px rgba(34, 30, 34, 0.4), 17px 26px 15px 0px rgba(0,0,0,0); -} -header * { - margin: 0; -} -header ul li { - all: unset; - display: block; - text-decoration: none; -} -header ul li a { - margin: 0; -} - -.home-menu { - font-size: 1.25rem; - font-weight: bold; - - max-height: 3rem; - - display: flex; - align-items: center; - flex-direction: column; - justify-content: space-between; - background: #a22430; - padding: 1rem; -} - -.menu-heading { - font-size: inherit; - display: flex; - align-items: center; - color: #F6F4F6; -} -.menu-heading img { - height: 1em; - margin-right: 4px; -} -.menu-link { - color: #F6F4F6; - margin-left: 1rem; -} -.menu-link:hover, .menu-link:focus { - color: #C8BCC8; - transition: 500ms ease-in-out; -} - -.sidebar { - padding: 1rem; -} - -.content-wrapper, -#template-wrapper { - margin-left: 15rem; - padding: 1rem !important; -} -.content-wrapper { - padding-top: 2rem; -} -.footer { - margin-left: 15rem; - padding: 1rem; - background-color: #333333; - color: #e9eaed; -} - -.footer a { - font-family: 'open_sansbold'; - font-weight: bold; - color: #e9eaed; -} diff --git a/assets/css/style.css b/assets/css/style.css index 6cd4f03..f2531f2 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -107,7 +107,7 @@ header * { font-size: 1rem !important; } .splash-head { - font-size: 3rem !important; + font-size: 2rem !important; } .splash-head img { height: 3rem !important; @@ -117,11 +117,14 @@ header * { .ribbon-wrapper, .content-team { top: 0 !important; - padding: 3rem !important; + padding: 1.5rem !important; } } @media screen and (max-height: 700px) { + header { + font-size: 1.25rem !important; + } .content, .ribbon-wrapper, .content-team { diff --git a/communities/index.php b/communities/index.php index ec6b0a2..0c5c19d 100644 --- a/communities/index.php +++ b/communities/index.php @@ -3,11 +3,11 @@ - + GNU social — Some public communities - - + +
diff --git a/v3/templates/header.template b/v3/templates/header.template index 8f6d176..b8b8213 100644 --- a/v3/templates/header.template +++ b/v3/templates/header.template @@ -3,9 +3,9 @@ - + - - - + + + \ No newline at end of file diff --git a/v3/updates-finish-the-avatar-component.html b/v3/updates-finish-the-avatar-component.html index 493dd22..cc0e3d0 100644 --- a/v3/updates-finish-the-avatar-component.html +++ b/v3/updates-finish-the-avatar-component.html @@ -3,11 +3,11 @@ - + - - - + + + Updates: Finish the Avatar component - GNU social V3
@@ -119,6 +119,7 @@ GNU social development team + diff --git a/v3/updates-implement-storeremotemedia-for-v3-and-port-embed.html b/v3/updates-implement-storeremotemedia-for-v3-and-port-embed.html index 18bcc32..b4c951d 100644 --- a/v3/updates-implement-storeremotemedia-for-v3-and-port-embed.html +++ b/v3/updates-implement-storeremotemedia-for-v3-and-port-embed.html @@ -3,11 +3,11 @@ - + - - - + + + Updates: Implement StoreRemoteMedia for v3 and port Embed - GNU social V3
@@ -57,6 +57,7 @@ attempts to generate a page preview from open graph and oembed. I.e., acts when + diff --git a/v3/updates-improve-the-attachments-system.html b/v3/updates-improve-the-attachments-system.html index f876553..bda8ab5 100644 --- a/v3/updates-improve-the-attachments-system.html +++ b/v3/updates-improve-the-attachments-system.html @@ -3,11 +3,11 @@ - + - - - + + + Updates: Improve the Attachments system - GNU social V3
@@ -90,6 +90,7 @@ any remote URL being shared in a note. + diff --git a/v3/updates-v3-blog.html b/v3/updates-v3-blog.html index 0de26a3..bb39ac1 100644 --- a/v3/updates-v3-blog.html +++ b/v3/updates-v3-blog.html @@ -3,11 +3,11 @@ - + - - - + + + Updates: V3 blog - GNU social V3
@@ -65,6 +65,7 @@ forget to subscribe!

+