[CSS] Fixed edit feed icon styling.

This commit is contained in:
Eliseu Amaro 2021-11-27 20:45:24 +00:00 committed by Diogo Peralta Cordeiro
parent 6ec0b9f077
commit 7df2783686
Signed by: diogo
GPG Key ID: 18D2D35001FBFAB0
4 changed files with 15 additions and 32 deletions

View File

@ -31,7 +31,6 @@ body,html {
body,input,textarea,select { body,input,textarea,select {
color: var(--foreground); color: var(--foreground);
fill: var(--foreground);
} }
:link,:visited { :link,:visited {
@ -183,19 +182,6 @@ li {
} }
@media(prefers-color-scheme:dark) { @media(prefers-color-scheme:dark) {
/*:root {*/
/* --foreground: #f0f6f6;*/
/* --background-hard: #141216;*/
/* --background-card: #131217;*/
/* --border: #201f25;*/
/* --accent: #5ddbcf;*/
/* --shadow: 0 0 12px 0 #01010166;*/
/* --shadow-inset-accent: inset 0 0 0 2px var(--accent);*/
/* --background-checkerboard: repeating-conic-gradient(#ffffff66 0 90deg,#ffffff33 0 180deg) 0 0/40px 40px round;*/
/* --gradient: linear-gradient(10deg,var(--border) 0,transparent 90%) !important;*/
/* --gradient-backwards: linear-gradient(290deg,var(--border) 0,var(--background-card) 100%) !important;*/
/*}*/
.background-image { .background-image {
background-color: var(--background-hard); background-color: var(--background-hard);
} }
@ -207,19 +193,6 @@ li {
} }
@media(prefers-color-scheme:light) { @media(prefers-color-scheme:light) {
/*:root {*/
/* --foreground: #09090d;*/
/* --background-hard: #ebebeb;*/
/* --background-card: #f0f0f0;*/
/* --border: #d5d5d5;*/
/* --accent: #a22430;*/
/* --shadow: 0 0 12px 0 #24243416;*/
/* --shadow-inset-accent: inset 0 0 0 2px var(--accent);*/
/* --background-checkerboard: repeating-conic-gradient(#ffffff66 0 90deg,#ffffff33 0 180deg) 0 0/40px 40px round;*/
/* --gradient: linear-gradient(10deg,var(--background-hard) 0,transparent 60%) !important;*/
/* --gradient-backwards: linear-gradient(290deg,var(--background-hard) 0,var(--background-card) 100%) !important;*/
/*}*/
.background-image { .background-image {
background-color: var(--background-hard); background-color: var(--background-hard);
} }
@ -233,6 +206,7 @@ li {
.icon { .icon {
align-self: center; align-self: center;
fill: var(--foreground);
} }
.active { .active {

View File

@ -342,3 +342,8 @@ embed header {
.note-complementary a { .note-complementary a {
font-weight: bold; font-weight: bold;
} }
.edit-feed-link {
display: block;
float: right;
}

View File

@ -4,6 +4,6 @@
<!-- MIT License --> <!-- MIT License -->
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<title>edit</title> <title>Edit</title>
<path fill="#fff" fill-rule="evenodd" d="M11.013 1.427a1.75 1.75 0 012.474 0l1.086 1.086a1.75 1.75 0 010 2.474l-8.61 8.61c-.21.21-.47.364-.756.445l-3.251.93a.75.75 0 01-.927-.928l.929-3.25a1.75 1.75 0 01.445-.758l8.61-8.61zm1.414 1.06a.25.25 0 00-.354 0L10.811 3.75l1.439 1.44 1.263-1.263a.25.25 0 000-.354l-1.086-1.086zM11.189 6.25L9.75 4.81l-6.286 6.287a.25.25 0 00-.064.108l-.558 1.953 1.953-.558a.249.249 0 00.108-.064l6.286-6.286z"/> <path d="M11.013 1.427a1.75 1.75 0 012.474 0l1.086 1.086a1.75 1.75 0 010 2.474l-8.61 8.61c-.21.21-.47.364-.756.445l-3.251.93a.75.75 0 01-.927-.928l.929-3.25a1.75 1.75 0 01.445-.758l8.61-8.61zm1.414 1.06a.25.25 0 00-.354 0L10.811 3.75l1.439 1.44 1.263-1.263a.25.25 0 000-.354l-1.086-1.086zM11.189 6.25L9.75 4.81l-6.286 6.287a.25.25 0 00-.064.108l-.558 1.953 1.953-.558a.249.249 0 00.108-.064l6.286-6.286z"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 676 B

After

Width:  |  Height:  |  Size: 644 B

View File

@ -1,6 +1,11 @@
{% block feeds %} {% block feeds %}
<section class="section-widget section-widget-padded"> <section class="section-widget section-widget-padded">
<h2 class="section-title">{{ icon('logo', 'icon icon-logo') | raw }} {{ 'Feeds' | trans }}</h2> <h2 class="section-title">{{ icon('logo', 'icon icon-logo') | raw }}{{ 'Feeds' | trans }}
{% if app.user %}
{# User custom feeds #}
<a class="edit-feed-link" href="{{ path('edit_feeds') }}">{{ icon('edit', 'icon icon-edit-feed') | raw }}</a>
{% endif %}
</h2>
<nav class='sec-nav' tabindex="0" title="{{ 'Navigate through each feed.' | trans }}"> <nav class='sec-nav' tabindex="0" title="{{ 'Navigate through each feed.' | trans }}">
{% if not app.user %} {# Default feeds #} {% if not app.user %} {# Default feeds #}
<ul> <ul>
@ -15,8 +20,7 @@
</a> </a>
</li> </li>
</ul> </ul>
{% else %} {# User custom feeds #} {% else %}
<a href="{{ path('edit_feeds') }}">{{ icon('edit', 'icon') | raw }}</a>
<ul> <ul>
{% for link in get_feeds(current_actor) %} {% for link in get_feeds(current_actor) %}
<li> <li>