diff --git a/components/RightPanel/templates/right_panel/view.html.twig b/components/RightPanel/templates/right_panel/view.html.twig index 03430affa0..b20770a04f 100644 --- a/components/RightPanel/templates/right_panel/view.html.twig +++ b/components/RightPanel/templates/right_panel/view.html.twig @@ -13,7 +13,10 @@
- {{ "Create a note" | trans }}{{ icon('arrow-down', 'icon icon-details-open') | raw }} +

+ {{ "Create a note" | trans }} +

+ {{ icon('arrow-down', 'icon icon-details-open') | raw }}
@@ -26,7 +29,10 @@
- {{ "Additional options" | trans }}{{ icon('arrow-down', 'icon icon-details-close') | raw }} +

+ {{ "Additional options" | trans }} +

+ {{ icon('arrow-down', 'icon icon-details-close') | raw }}
{{ form_row(blocks['post_form'].language) }} {{ form_row(blocks['post_form'].tag_use_canonical) }} diff --git a/public/assets/default_theme/css/base.css b/public/assets/default_theme/css/base.css index 2fc8fea096..bcdc2adb96 100644 --- a/public/assets/default_theme/css/base.css +++ b/public/assets/default_theme/css/base.css @@ -22,12 +22,10 @@ align-self: center; fill: var(--foreground); } -.edit-feed-link { - display: block; - float: right; -} .active { - font-weight: bold; + font-size: 1.1em; + font-family: 'Poppins', sans-serif; + font-weight: 600; } .anchor-hidden { width: 1px; diff --git a/public/assets/default_theme/css/widgets/sections.css b/public/assets/default_theme/css/widgets/sections.css index eba4e8f6b1..55bf00a224 100644 --- a/public/assets/default_theme/css/widgets/sections.css +++ b/public/assets/default_theme/css/widgets/sections.css @@ -76,7 +76,7 @@ font-family: 'Open Sans',sans-serif; font-weight: 700; } -.section-widget-subtitle-details :not(summary,svg) { +.section-widget-subtitle-details :not(summary,svg,h3) { border-radius: var(--smaller); background: var(--gradient); padding: 6px 10px; @@ -98,19 +98,26 @@ background: var(--gradient) !important; } .section-widget-subtitle-details[open] svg, -.section-widget-title-details[open] svg { +.section-widget-title-details[open] .icon-details-open { transform: rotate(180deg); animation: fadeOut 200ms cubic-bezier(0,0.55,0.45,1); } .section-widget-subtitle-details:not([open]) svg, -.section-widget-title-details:not([open]) svg { +.section-widget-title-details:not([open]) .icon-details-open { transform: initial; animation: fadeIn 200ms cubic-bezier(0,0.55,0.45,1); } .section-subtitle-summary, .section-title-summary { display: flex; - justify-content: space-between; +} +.section-subtitle-summary h3, +.section-title-summary h2 { + margin-right: auto; +} +.section-subtitle-summary svg:last-child, +.section-title-summary svg:last-child { + margin-left: 4px; } .section-form { display: flex; diff --git a/templates/cards/navigation/view.html.twig b/templates/cards/navigation/view.html.twig index 18ad7f423a..9ba33fb4f3 100644 --- a/templates/cards/navigation/view.html.twig +++ b/templates/cards/navigation/view.html.twig @@ -1,42 +1,48 @@ {% block feeds %} -
-

{{ icon('logo', 'icon icon-logo') | raw }}{{ 'Feeds' | trans }} - {% if app.user %} - {# User custom feeds #} - {{ icon('edit', 'icon icon-edit-feed') | raw }} - {% endif %} -

- +
{% endblock feeds %}