From a2d5425a901319190d38e0257cccac4b525d7ad6 Mon Sep 17 00:00:00 2001 From: Daniel Muckerman Date: Sat, 31 Oct 2020 21:26:20 -0400 Subject: [PATCH] Update sidebar CSS and make feather icons local --- pocket/readitlater.db | Bin 81920 -> 90112 bytes static/feather-sprite.svg | 1 + static/style.css | 8 ++++++ templates/article.j2 | 50 +++++++++++++++++++++++++++++++++----- templates/list.j2 | 30 ++++++++++++++++++----- templates/save.j2 | 38 ++++++++++++++++++++++++++--- 6 files changed, 111 insertions(+), 16 deletions(-) create mode 100644 static/feather-sprite.svg diff --git a/pocket/readitlater.db b/pocket/readitlater.db index 52dcc42b9a098a7cd878a7fa7f4fc6b33c13be0a..2613c2336c0a65cc07148bbce009e40a8f5411f8 100644 GIT binary patch delta 18794 zcmchfTZ~-yecwq*lt{_)>S8HT95;V&WQmG*cDYN+lBwlN%llHinM;di5=TBWb7tp= zGv`dtIm6`;DUN9Mp>MS@K!l)m8x%%>#JO0G^N_Yd5}+uG6etQ5ZO{gG0x>|4rVq_a zUhvi}KwJTk|R zr#``tPd&?a<4@H2a(yi8iXxOkcm^xy11kI((>o&$5^J#&9O z_h0A!eD06u{$TF=bH6tCFXqN9Gn!jC@a(=lPw(B+j?$+OJX8Pr)PYaczdm{3>H60v z#((hoD;1M#7vUebI#|2fO$wLB`OVlhds*v-}e3?QIEBX15q2YirVbqLNsc|Oz65{9F!SlLsxE#YW3vjV~)+XhvkCnB}K`)eq8RFS$nkT zNz^^OcC9;dQQvK_@1AkM=Hei)uP*Vik+BjZFTH7uW0V`j*`NopSXJa$bl0=ti+Ri+ z{V0WyQSXL}nyjrMIdn*PdLoC$*Li)>ZD!3ds>q;mKg&5+&9rM>_PX(6-?b$aG1npkL@FC{kWZ!Q3(NTUE_pb_gWX8LuOu>zOKXa&gnlO$~?Mf{SshL|>Uj%@pC zBOEz`8M|%mLlcSqZaYfLLITDMH_~kTb+;}iG-H3hUfZNIhVE!-wH4>DPY5JJbdt1f zBg3Q+pCcAohb5At7;4@g(v8%*hF^NawK!`RV!^sbkXN?U&f+3{u|(3hqfvpdu-D1(xN+`+|b7Ia>#yd0d_P@ zb^g@FaIp;sr7Rq~jBX$YoWT_lf<*xwm<`sLXvaz6A6a&c^olbzal5%OVAtW&rG>ML2C^1tQ8kb#{Akj z4<%q7-V;;xVjgQD8{HWqXv2c7btD*I7HDA7Db446Z9x&c_C(O6MLBFIk}ki{qPtw} zMy%~Dzkx(|OasC^1uhN0|+Lk17EA#rof>F*&-p+U_wMY8c zHe?tW21`Swg!-V%-ZtPE=N9V(NUX$LMdspLWghqA#j3_85!cH&)ECT`f#Xq2{OiT- zE%Y0p7RM(TB+i95AOA4P!=@0tD{H38Zbi?Q95) z_Qd2YUBDGUWE?g#k6VcsC=D!z1M$&#F-##LSmCiX!oh)%Kt%-}Ox6%Ly^(2UqQ+Hi zRHkb3JeWr<>^I{L(HSWu5BlhRtA}?3eIQJ*#QB<&tzGrPw~NRaeAd-`l0ebE+y zh%!&0j%FVW1fwom1k6-dM#|BATnIr;?G90F1+0Akz z2FHAELBg<`rk$u2Yw#j-Efpw}Kk)qf>p!#i>7z+M+QR*vJhoAN5O^u!D2+~Yagc7! zW9Z9c^Yu*g$X_J7J~#d+XP^8roJb+ledk~MnEC5>r;CIqJJxvo1!MyUqP=^g#>5E^ z{gK}Im?d*u=jn3AuvxSa<=8K{+RW>NJswLSYjWA?OoivYgoy<1g|t}=UfU_hytTc( zy^Er0yj@`5Ak#cLS^pl$_{{i!eCM(8cP~Bk{%0|xGZq1J@ zBI>Bex?XVWgMr(`3==iXphm6w@4PPV$dV}BI+YHO;~AI%QiL}TUUL$~

l;_dd|u^FZ%|JIx0+{@IgH?BBEX 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 diff --git a/static/feather-sprite.svg b/static/feather-sprite.svg new file mode 100644 index 0000000..6e20a2c --- /dev/null +++ b/static/feather-sprite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/style.css b/static/style.css index 04a4796..416628d 100644 --- a/static/style.css +++ b/static/style.css @@ -23,6 +23,8 @@ height: 100vh; padding-top: 20px; border-right: 1px solid darkgray; + position: fixed; + width: 250px; } #sidebar ul > li { @@ -191,6 +193,12 @@ display: block !important; } + #content { + left: 250px; + width: calc(100% - 250px) !important; + position: relative; + } + #sidebar.active { margin-left: -250px; } diff --git a/templates/article.j2 b/templates/article.j2 index 8643876..6f74561 100644 --- a/templates/article.j2 +++ b/templates/article.j2 @@ -8,16 +8,56 @@ {% block navbar %}

{% endblock %} @@ -51,10 +91,8 @@ {% block scripts %} {{ super() }} - {% endblock %} \ No newline at end of file diff --git a/templates/list.j2 b/templates/list.j2 index 049cc7a..1aa862e 100644 --- a/templates/list.j2 +++ b/templates/list.j2 @@ -48,14 +48,36 @@ {% else %} {% if request.path == url_for('archived') %} @@ -86,8 +108,4 @@ {% block scripts %} {{ super() }} - - {% endblock %} \ No newline at end of file diff --git a/templates/save.j2 b/templates/save.j2 index ccb2990..a7a7b5c 100644 --- a/templates/save.j2 +++ b/templates/save.j2 @@ -34,11 +34,41 @@