Browse Source

[Posting][CSS] Right panel form render simplified.

remotes/upstream/experimental
Eliseu Amaro 8 months ago
parent
commit
5249ccfc68
4 changed files with 10 additions and 46 deletions
  1. +2
    -2
      components/Posting/Posting.php
  2. +5
    -28
      public/assets/css/base.css
  3. +2
    -0
      public/assets/css/reset.css
  4. +1
    -16
      templates/right/view.html.twig

+ 2
- 2
components/Posting/Posting.php View File

@@ -82,10 +82,10 @@ class Posting extends Component

$request = $vars['request'];
$form_params = [
['to', ChoiceType::class, ['label' => _m('To:'), 'multiple' => false, 'expanded' => false, 'choices' => $to_tags]],
['visibility', ChoiceType::class, ['label' => _m('Visibility:'), 'multiple' => false, 'expanded' => false, 'data' => 'public', 'choices' => [_m('Public') => 'public', _m('Instance') => 'instance', _m('Private') => 'private']]],
['content', TextareaType::class, ['label' => _m('Content:'), 'data' => $initial_content, 'attr' => ['placeholder' => _m($placeholder)]]],
['attachments', FileType::class, ['label' => _m('Attachments:'), 'data' => null, 'multiple' => true, 'required' => false]],
['visibility', ChoiceType::class, ['label' => _m('Visibility:'), 'multiple' => false, 'expanded' => false, 'data' => 'public', 'choices' => [_m('Public') => 'public', _m('Instance') => 'instance', _m('Private') => 'private']]],
['to', ChoiceType::class, ['label' => _m('To:'), 'multiple' => false, 'expanded' => false, 'choices' => $to_tags]],
];
if (count($available_content_types) > 1) {
$form_params[] = ['content_type', ChoiceType::class,


+ 5
- 28
public/assets/css/base.css View File

@@ -5,11 +5,6 @@ html {
scroll-margin-top: 3rem;
}

* {
max-width: 100%;
max-height: 100%;
}

*:focus {
-webkit-box-shadow: inset 0 0 0 3px var(--bg3);
-moz-box-shadow: inset 0 0 0 3px var(--bg3);
@@ -483,7 +478,6 @@ hr {
margin-bottom: var(--medium-size);

box-shadow: var(--shadow);

color: var(--white);
}

@@ -557,10 +551,6 @@ hr {
font-size: var(--main-size);
}

.section-form-label {
margin-bottom: 1.62px;
}

.form-group {
all: unset;

@@ -569,6 +559,11 @@ hr {
margin-bottom: 6px;
}

.form-group textarea {
height: 7rem;
max-height: 100%;
}

.help-block {
margin-bottom: 6px;
}
@@ -593,24 +588,6 @@ hr {
margin-bottom: 6px;
}

.section-form-options {
display: block !important;
margin-bottom: var(--unit-size);
}

.section-form-textarea {
border-radius: var(--unit-size);
background-color: var(--translucent);
color: var(--white);

width: 100%;
max-width: 100%;
height: calc(6 * var(--main-size));

border: 2px solid transparent;
resize: vertical;
}

/* PROFILE */
.profile {
display: flex;


+ 2
- 0
public/assets/css/reset.css View File

@@ -228,6 +228,8 @@ select,
button,
textarea,
input {
display: inline-block;
overflow: hidden;
font-size: inherit !important;
color: var(--white);



+ 1
- 16
templates/right/view.html.twig View File

@@ -21,25 +21,10 @@

<div class="section-form">
<fieldset>
{{ form_start(post_form) }}

{{ form_row(post_form.to, {'attr': {'class': 'section-form-scope'}}) }}

{{ form_row(post_form.visibility, {'attr': {'class': 'section-form-scope'}}) }}

{{ form_row(post_form.content, {'attr': {'class': 'section-form-textarea'}}) }}

<label for="{{ post_form.attachments.vars.id }}" class="section-form-options">
{{ form_widget(post_form.attachments) }}
</label>

{{ form_row(post_form.post_note, {'attr': {'class': 'section-form-send'}}) }}

{{ form_end(post_form) }}
{{ form(post_form) }}
</fieldset>
</div>
</section>

{% endif %}

{% set current_path = app.request.get('_route') %}


Loading…
Cancel
Save