[CSS] .section-widget class and derivatives replaced as .frame-section, since a widget implies a simple element with a specific function

This commit is contained in:
2022-01-19 23:54:45 +00:00
committed by Diogo Peralta Cordeiro
parent 7d546e8901
commit f731850f5c
36 changed files with 321 additions and 398 deletions

View File

@@ -3,7 +3,7 @@
{% block title %}{{ title }}{% endblock %}
{% block body %}
<section class="section-widget section-padding">
<section class="frame-section frame-section-padding">
<h1 class="section-title">{{ title }}</h1>
<div>
@@ -18,7 +18,7 @@
</form>
</div>
<div class="section-padding">
<div class="frame-section-padding">
{% if actors is defined and actors is not empty %}
{% for actor in actors %}
{% block profile_view %}{% include 'cards/profile/view.html.twig' %}{% endblock profile_view %}

View File

@@ -3,8 +3,8 @@
{% block title %}{{ page_title | trans }}{% endblock %}
{% block body %}
<div class="section-widget section-padding">
<h2 class="section-widget-title">{{ page_title | trans }}</h2>
<div class="frame-section frame-section-padding">
<h2 class="frame-section-title">{{ page_title | trans }}</h2>
{% block collection_items %}
{% endblock collection_items %}
</div>

View File

@@ -3,14 +3,14 @@
{% block title %}{{ page_title | trans }}{% endblock %}
{% block body %}
<div class="section-widget section-padding">
<h2 class="section-widget-title">{{ page_title | trans }}</h2>
<div class="frame-section frame-section-padding">
<h2 class="frame-section-title">{{ page_title | trans }}</h2>
{% if add_collection %}
<div class="section-widget section-form">
<div class="frame-section section-form">
{{ form(add_collection) }}
</div>
{% endif %}
<div class="section-widget collections-list">
<div class="frame-section collections-list">
<h3>{{ list_title | trans }}</h3>
{% for col in collections %}
<div class="collection-item">

View File

@@ -14,12 +14,11 @@
{% endfor %}
{% if notes is defined %}
<article>
<header class="feed-header">
{% if page_title is defined %}
<h1 class="heading-no-margin">{{ page_title | trans }}</h1>
{% else %}
<h1 class="heading-no-margin">{{ 'Notes' | trans }}</h1>
<h3 class="heading-no-margin">{{ 'Notes' | trans }}</h3>
{% endif %}
<nav class="feed-actions">
<details class="feed-actions-details">
@@ -38,20 +37,19 @@
</header>
{% if notes is not empty %}
{# Backwards compatibility with hAtom 0.1 #}
<section class="feed h-feed hfeed notes" tabindex="0" role="feed">
{% for conversation in notes %}
{% block current_note %}
{% if conversation is instanceof('array') %}
{{ noteView.macro_note(conversation['note'], conversation['replies']) }}
{% else %}
{{ noteView.macro_note(conversation) }}
{% endif %}
<hr tabindex="0" title="{{ 'End of note and replies.' | trans }}">
{% endblock current_note %}
{% endfor %}
</section>
{# Backwards compatibility with hAtom 0.1 #}
<section class="feed h-feed hfeed notes" tabindex="0" role="feed">
{% for conversation in notes %}
{% block current_note %}
{% if conversation is instanceof('array') %}
{{ noteView.macro_note(conversation['note'], conversation['replies']) }}
{% else %}
{{ noteView.macro_note(conversation) }}
{% endif %}
<hr tabindex="0" title="{{ 'End of note and replies.' | trans }}">
{% endblock current_note %}
{% endfor %}
</section>
{% endif %}
</article>
{% endif %}
{% endblock body %}

View File

@@ -1,6 +1,6 @@
<section class="section-widget collections">
<details class="section-widget-title-details" title="Expand if you want to access more options.">
<summary class="section-title-summary">
<section class="frame-section collections">
<details class="section-details-title" title="Expand if you want to access more options.">
<summary class="details-title-summary">
<h2>{{ctitle}}</h2>
</summary>
{% if has_collections %}
@@ -8,9 +8,9 @@
{{ form(add_form) }}
</section>
<details class="section-widget-subtitle-details section-padding"
<details class="section-details-subtitle frame-section-padding"
title="Expand if you want to access more options.">
<summary class="section-subtitle-summary">
<summary class="details-subtitle-summary">
<strong>{% trans %}Other options{% endtrans %}</strong>
</summary>
<section class="section-form">

View File

@@ -1,14 +1,14 @@
{% extends 'collection/notes.html.twig' %}
{% block body %}
<div class="section-widget section-padding">
<div class="frame-section frame-section-padding">
{% if is_muted %}
<span class="section-padding alert">
<span class="frame-section-padding alert">
<label>Do you wish to <b>unmute</b> this conversation?</label>
{{ form(form) }}
</span>
{% else %}
<span class="section-padding alert">
<span class="frame-section-padding alert">
<label>Do you wish to <b>mute</b> this conversation?</label>
{{ form(form) }}
</span>

View File

@@ -1,7 +1,7 @@
{% extends 'base.html.twig' %}
{% block body %}
<div class="section-widget section-padding">
<div class="frame-section frame-section-padding">
<h3>{{ 'Put the languages in the order you\'d like to see them in your language selection dropdown, when posting' | trans}}</h3>
{{ form(form) }}
</div>

View File

@@ -6,7 +6,7 @@
{% endblock stylesheets %}
{% block body %}
<div class="section-widget">
<div class="frame-section">
<form class="section-form" action="{{ path('edit_feeds') }}" method="post">
<fieldset>
@@ -17,7 +17,7 @@
{{ form_errors(edit_feeds) }}
{% for child in edit_feeds.children %}
{% if 'row_url' in child.vars.block_prefixes %}
<div class="section-widget section-padding">
<div class="frame-section frame-section-padding">
{{ form_label(child) }}
{{ form_widget(child) }}
{% elseif 'row_title' in child.vars.block_prefixes %}

View File

@@ -4,9 +4,9 @@
<input type="checkbox" id="toggle-panel-left" tabindex="0" title="{{ 'Open left panel' | trans }}">
<aside class="section-panel section-panel-left">
<article class="panel-content accessibility-target">
<section class="panel-content accessibility-target">
{% if app.user %}
<section class='section-widget section-padding' title="{{ 'Your profile information.' | trans }}">
<section class='frame-section frame-section-padding' title="{{ 'Your profile information.' | trans }}">
{% block profile_view %}{% include 'cards/profile/view.html.twig' with { actor: current_actor } %}{% endblock profile_view %}
{{ block("profile_current_actor", "cards/navigation/view.html.twig") }}
</section>
@@ -19,6 +19,6 @@
{{ block("feeds", "cards/navigation/view.html.twig") }}
{{ block("footer", "cards/navigation/view.html.twig") }}
</article>
</section>
</aside>
{% endblock leftpanel %}

View File

@@ -4,21 +4,19 @@
<input type="checkbox" id="toggle-panel-right" tabindex="0" title="{{ 'Open right panel' | trans }}">
<aside class="section-panel section-panel-right">
<article class="panel-content accessibility-target">
<section>
{% set prepend_right_panel = handle_event('PrependRightPanel', request) %}
{% for widget in prepend_right_panel %}
{{ widget | raw }}
{% endfor %}
</section>
<section class="panel-content accessibility-target">
{% set prepend_right_panel = handle_event('PrependRightPanel', request) %}
{% for widget in prepend_right_panel %}
{{ widget | raw }}
{% endfor %}
{% set current_path = app.request.get('_route') %}
{% set blocks = handle_event('AppendRightPostingBlock', request) %}
{% if blocks['post_form'] is defined %}
<section class="section-widget" title="{{ 'Create a new note.' | trans }}">
<details class="section-widget-title-details" open="open"
<section class="frame-section" title="{{ 'Create a new note.' | trans }}">
<details class="section-details-title" open="open"
title="{{ 'Expand if you want to access more options.' | trans }}">
<summary class="section-title-summary">
<summary class="details-summary-title">
<h2>
{% set current_path = app.request.get('_route') %}
{% if current_path == 'conversation_reply_to' %}
@@ -40,8 +38,8 @@
{{ form_row(blocks['post_form'].content) }}
{{ form_row(blocks['post_form'].attachments) }}
<details class="section-widget-subtitle-details">
<summary class="section-subtitle-summary">
<details class="section-details-subtitle">
<summary class="details-summary-subtitle">
<strong>
{{ "Additional options" | trans }}
</strong>
@@ -60,6 +58,6 @@
{% for block in extra_blocks %}
{{ block | raw }}
{% endfor %}
</article>
</section>
</aside>
{% endblock rightpanel %}

View File

@@ -8,22 +8,22 @@
</label>
{% endif %}
<section class="section-widget section-padding">
<section class="frame-section frame-section-padding">
<h2>{% trans %}Search{% endtrans %}</h2>
{{ form_start(search_form) }}
<section class="section-widget section-form">
<section class="frame-section section-form">
{{ form_errors(search_form) }}
{{ form_row(search_form.search_query) }}
{% if actor is not null %}
<details class="section-widget-subtitle-details">
<summary class="section-subtitle-summary">
<details class="section-details-subtitle">
<summary class="details-subtitle-summary">
<strong>{% trans %}Other options{% endtrans %}</strong>
</summary>
<div class="section-form">
<details class="section-widget-subtitle-details">
<summary class="section-subtitle-summary">
<details class="section-details-subtitle">
<summary class="details-subtitle-summary">
<strong>
{% trans %}Save query as a feed{% endtrans %}
</strong>
@@ -40,17 +40,17 @@
</section>
{{ form_end(search_form)}}
<section class="section-widget">
<details class="section-widget-subtitle-details">
<summary class="section-subtitle-summary">
<section class="frame-section">
<details class="section-details-subtitle">
<summary class="details-subtitle-summary">
<strong>{% trans %}Build a search query{% endtrans %}</strong>
</summary>
{{ form_start(search_builder_form) }}
<div class="section-form">
{# actor options, display if first checked, with checkbox trick #}
<details class="section-widget-subtitle-details">
<summary class="section-subtitle-summary">
<details class="section-details-subtitle">
<summary class="details-subtitle-summary">
<strong>{% trans %}People search options{% endtrans %}</strong>
</summary>
{{ form_row(search_builder_form.include_actors) }}
@@ -64,8 +64,8 @@
{{ form_row(search_builder_form.actor_tags) }}
</details>
<details class="section-widget-subtitle-details">
<summary class="section-subtitle-summary">
<details class="section-details-subtitle">
<summary class="details-subtitle-summary">
<strong>{% trans %}Note search options{% endtrans %}</strong>
</summary>
{{ form_row(search_builder_form.include_notes) }}
@@ -84,18 +84,18 @@
</section>
</section>
<section class="section-widget section-padding">
<section class="frame-section frame-section-padding">
<h2>{% trans %}Results{% endtrans %}</h2>
<div class="section-widget section-padding feed-empty">
<h3>{% trans %}Notes found{% endtrans %}</h3>
<div class="frame-section frame-section-padding feed-empty">
{% if notes is defined and notes is not empty %}
{{ parent() }}
{% else %}
<h3>{% trans %}No notes found{% endtrans %}</h3>
<em>{% trans %}No notes were found for the specified query...{% endtrans %}</em>
{% endif %}
</div>
<div class="section-widget section-padding feed-empty">
<div class="frame-section frame-section-padding feed-empty">
<h3>{% trans %}Actors found{% endtrans %}</h3>
{% if actors is defined and actors is not empty %}
{% for actor in actors %}

View File

@@ -23,7 +23,7 @@
{% block profile_view %}{% include 'cards/profile/view.html.twig' %}{% endblock profile_view %}
{% endfor %}
<div class="section-widget section-padding">
<div class="frame-section frame-section-padding">
{{ "Page: " ~ page }}
</div>
{% endblock %}

View File

@@ -26,7 +26,7 @@
{% endblock current_note %}
{% endfor %}
<div class="section-widget section-padding section-widget-paging">
<div class="frame-section frame-section-padding frame-section-paging">
{{ "Page " ~ page }}
</div>
{% endblock %}