From b9922b8b7ec6898199830b29618aa77443cfe30c Mon Sep 17 00:00:00 2001 From: "me@ow.nekobit.net" Date: Thu, 27 Jan 2022 04:36:03 +0000 Subject: [PATCH] Sidebar and CSS FossilOrigin-Name: be86fd86012ce13cfd6543d374870491da9d4fa64208de2ac22575f2dafdf3b7 --- dist/ratfe.css | 49 +++++++++++++++++++++++++++++++++++++++++++++++ static/index.html | 10 ++++++++-- 2 files changed, 57 insertions(+), 2 deletions(-) diff --git a/dist/ratfe.css b/dist/ratfe.css index 56d9d35..9880d3a 100644 --- a/dist/ratfe.css +++ b/dist/ratfe.css @@ -63,11 +63,14 @@ div#content div#content main { flex: 1; + min-width: 0; + min-height: 600px; } div#content aside { width: 180px; + max-width: 180px; min-width: 180px; background-color: #fcfcfc; } @@ -77,6 +80,51 @@ div#content aside border-right: 1px solid #cacaca; } +#leftbar ul +{ + margin: 0; + padding: 0; +} + +#leftbar ul li +{ + list-style-type: none; +} + +input[type=button], input[type=submit], .sidebarbtn +{ + background: linear-gradient(#fff, #f1f1f1); + color: #000; +} + +input[type=button]:hover, input[type=submit]:hover, .sidebarbtn:hover +{ + background: linear-gradient(#aa0000, #600000); + color: #fff; + cursor: pointer; +} + +input[type=button]:active, input[type=submit]:active, .sidebarbtn:active +{ + background: linear-gradient(#600000, #aa0000); + color: #fff; + cursor: pointer; +} + +input[type=button], input[type=submit] +{ + border: 1px solid #cacaca; + padding: 3px 15px; +} + +.sidebarbtn +{ + border-bottom: 1px solid #dadada; + display: block; + padding: 8px 8px 8px 16px; + text-decoration: none; +} + #rightbar { border-left: 1px solid #cacaca; @@ -127,6 +175,7 @@ div#content aside .status .status-content { margin: 2px 0 0 0; + overflow-wrap: break-word; } .status-visibility diff --git a/static/index.html b/static/index.html index 1c5e908..ff136d8 100644 --- a/static/index.html +++ b/static/index.html @@ -1,9 +1,11 @@ + %s +
@@ -22,13 +24,17 @@
%s -