From 2ace86b9ed8b5709111953efd1d7001b79efd743 Mon Sep 17 00:00:00 2001 From: Timur Ismagilov Date: Thu, 15 Jul 2021 14:35:01 +0500 Subject: [PATCH] Make the top bar look ok on computers --- static/default.css | 35 ++- views/stuff.qtpl | 12 +- views/stuff.qtpl.go | 618 ++++++++++++++++++++++---------------------- 3 files changed, 347 insertions(+), 318 deletions(-) diff --git a/static/default.css b/static/default.css index 823484f..df8604d 100644 --- a/static/default.css +++ b/static/default.css @@ -596,17 +596,19 @@ kbd { /* * Top bar */ +.top-bar a { + color: black; + text-decoration: none; +} @media screen and (min-width: 800px) { .top-bar { padding: 0; } - .top-bar ul { - padding: 0; - margin: 0; - } - ul.top-bar__wrapper { + .top-bar__wrapper { display: grid; + padding: 0; margin: 0 2rem; + grid-template-columns: 1fr 1fr 1fr; } .top-bar__section { display: block; @@ -631,14 +633,37 @@ kbd { .auth-links { display: flex; justify-content: flex-end; + margin-right: -.5rem; } .auth-links__box { display: block; + line-height: 2rem; } + .auth-links__link { + display: block; + padding: 0 .5rem; + } + .top-bar__section_home, .top-bar__highlights { display: flex; + padding: 0; + margin: 0 0 0 -.5rem; } + .top-bar__home-link-wrapper, .top-bar__highlight { display: block; + margin-right: .5rem; + line-height: 2rem; + } + .top-bar__home-link, + .auth-links__link, + .top-bar__highlight-link { + display: block; + padding: 0 .5rem; + } + .top-bar__home-link:hover, + .auth-links__link:hover, + .top-bar__highlight-link:hover { + background-color: #eee; } } \ No newline at end of file diff --git a/views/stuff.qtpl b/views/stuff.qtpl index 5a83b67..557d3b8 100644 --- a/views/stuff.qtpl +++ b/views/stuff.qtpl @@ -21,7 +21,9 @@