From 7cff49c368c5dcc9ccdad5fc7636d3e9892f3a78 Mon Sep 17 00:00:00 2001 From: glyph Date: Tue, 6 Sep 2022 08:45:01 +0100 Subject: [PATCH 1/3] update ignore list to hide video thumbnail --- .gitignore | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.gitignore b/.gitignore index 2845ef6..ba3303e 100644 --- a/.gitignore +++ b/.gitignore @@ -1,6 +1,6 @@ diagrams next notes -screenshots/lykin_gui_* +screenshots/lykin_* /target src/*.bak From 0804fef87993465d72efa4110d07d6ff043e72d9 Mon Sep 17 00:00:00 2001 From: glyph Date: Tue, 6 Sep 2022 08:45:14 +0100 Subject: [PATCH 2/3] fix css indentation --- static/css/lykin.css | 155 +++++++++++++++++++++---------------------- 1 file changed, 74 insertions(+), 81 deletions(-) diff --git a/static/css/lykin.css b/static/css/lykin.css index 0ea6505..3b8f11b 100644 --- a/static/css/lykin.css +++ b/static/css/lykin.css @@ -1,157 +1,150 @@ .content { - background-color: lightyellow; - border: 5px solid #ffd700; - border-radius: 1rem; - grid-area: content; - padding: 1.5rem; - overflow-y: scroll; - word-wrap: anywhere; + background-color: lightyellow; + border: 5px solid #ffd700; + border-radius: 1rem; + grid-area: content; + padding: 1.5rem; + overflow-y: scroll; + word-wrap: anywhere; } .container { - height: 100%; - width: 100%; - margin: 0; + height: 100%; + width: 100%; + margin: 0; } .disabled { - opacity: 0.4; - pointer-events: none; + opacity: 0.4; + pointer-events: none; } .flash-message { - margin-left: auto; - margin-right: 0; - margin-top: 0; - margin-bottom: 0; - color: red; + margin-left: auto; + margin-right: 0; + margin-top: 0; + margin-bottom: 0; + color: red; } .flex-container { - display: flex; - align-items: center; - flex-wrap: wrap; + display: flex; + align-items: center; + flex-wrap: wrap; } .flex-container > input { - margin: 0.3rem; + margin: 0.3rem; } .grid-container { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr 1fr 3fr; - grid-template-areas: - 'nav' - 'peers' - 'posts' - 'content'; - grid-gap: 0.5rem; - padding-left: 1rem; - padding-right: 1rem; - padding-top: 0.2rem; - overflow: hidden; - height: 85vh; + display: grid; + grid-template-columns: 1fr; + grid-template-rows: 1fr 1fr 1fr 3fr; + grid-template-areas: 'nav' 'peers' 'posts' 'content'; + grid-gap: 0.5rem; + padding-left: 1rem; + padding-right: 1rem; + padding-top: 0.2rem; + overflow: hidden; + height: 85vh; } @media only screen and (min-width: 600px) { - .grid-container { - grid-template-columns: repeat(4, 1fr); - grid-template-rows: 1fr 3fr 4fr; - grid-template-areas: - 'nav nav nav nav nav' - 'peers posts posts posts posts' - 'peers content content content content'; - } + .grid-container { + grid-template-columns: repeat(4, 1fr); + grid-template-rows: 1fr 3fr 4fr; + grid-template-areas: 'nav nav nav nav nav' 'peers posts posts posts posts' 'peers content content content content'; + } } .icon { - margin-left: 1rem; + margin-left: 1rem; } .nav { - background-color: lightgreen; - border: 5px solid #19a974; - border-radius: 1rem; - grid-area: nav; - padding: 1rem; + background-color: lightgreen; + border: 5px solid #19a974; + border-radius: 1rem; + grid-area: nav; + padding: 1rem; } .peers { - background-color: lightblue; - border: 5px solid #357edd; - border-radius: 1rem; - grid-area: peers; - text-align: left; + background-color: lightblue; + border: 5px solid #357edd; + border-radius: 1rem; + grid-area: peers; + text-align: left; } .peers > ul { - padding-left: 1rem; + padding-left: 1rem; } .peers > ul > li > a { - justify-content: space-between; + justify-content: space-between; } .peers > ul > li > a > p { - margin: 0; - font-weight: bold; - padding-right: 1rem; + margin: 0; + font-weight: bold; + padding-right: 1rem; } .post > ul { - padding-left: 1rem; - padding-right: 1rem; + padding-left: 1rem; + padding-right: 1rem; } .posts { - background-color: bisque; - border: 5px solid #ff6300; - border-radius: 1rem; - grid-area: posts; - overflow-y: scroll; + background-color: bisque; + border: 5px solid #ff6300; + border-radius: 1rem; + grid-area: posts; + overflow-y: scroll; } .posts > ul { - padding-left: 1rem; - padding-right: 1rem; + padding-left: 1rem; + padding-right: 1rem; } .posts > ul > li > a { - justify-content: space-between; + justify-content: space-between; } .posts > ul > li > a > p { - margin: 0; + margin: 0; } .selected { - background-color: #f9c587; + background-color: #f9c587; } a { - text-decoration: none; - color: black; + text-decoration: none; + color: black; } code { - word-wrap: anywhere; + word-wrap: anywhere; } form { - margin-left: auto; - margin-right: 0.5rem; + margin-left: auto; + margin-right: 0.5rem; } h1 { - margin-left: 1rem; + margin-left: 1rem; } img { - width: 3rem; + width: 3rem; } li { - list-style: none; - font-size: 12px; -} + list-style: none; + font-size: 12px; +} \ No newline at end of file From 5fd761b328e2e70ba958cecd2959e48657df4b55 Mon Sep 17 00:00:00 2001 From: glyph Date: Tue, 6 Sep 2022 08:48:47 +0100 Subject: [PATCH 3/3] small indentation tweak --- static/css/lykin.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/static/css/lykin.css b/static/css/lykin.css index 3b8f11b..233e9f3 100644 --- a/static/css/lykin.css +++ b/static/css/lykin.css @@ -54,7 +54,10 @@ .grid-container { grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr 3fr 4fr; - grid-template-areas: 'nav nav nav nav nav' 'peers posts posts posts posts' 'peers content content content content'; + grid-template-areas: + 'nav nav nav nav nav' + 'peers posts posts posts posts' + 'peers content content content content'; } } @@ -147,4 +150,4 @@ img { li { list-style: none; font-size: 12px; -} \ No newline at end of file +}