[TWIG][CSS] Buttons are now the correct size in all contexts. Right panel create a notice section re-structure.

This commit is contained in:
Eliseu Amaro 2021-08-09 18:27:24 +01:00 committed by Hugo Sales
parent cb21599cef
commit e180143e20
Signed by: someonewithpc
GPG Key ID: 7D0C7EAFC9D835A0
4 changed files with 31 additions and 26 deletions

View File

@ -23,6 +23,7 @@
--white: #FFFFFF;
--shadow: 0px 0px 32px 0px #00000066;
--shadow-light: 0px 0px 32px 0px #FFFFFF66;
/* transitions and animations */
--cubic-transition: all 200ms cubic-bezier(0, 0.55, 0.45, 1);
@ -128,7 +129,6 @@
font-family: var(--display-font);
}
/* NOTES */
.h-feed,
.notes {

View File

@ -52,7 +52,7 @@
#user-avatar:hover img,
#user-avatar:focus img {
border-radius: 50% !important;
box-shadow: var(--shadow) !important;
box-shadow: var(--shadow-light) !important;
}
#user-info {

View File

@ -184,6 +184,12 @@ hr {
}
/* BUTTONS AND FILEPICKER */
button {
float: right !important;
width: min-content !important;
align-self: end !important;
}
button,
input:not([type=text]) {
all: unset;
@ -191,12 +197,12 @@ input:not([type=text]) {
cursor: pointer;
font-size: var(--medium-size);
background: linear-gradient(135deg, var(--bg2), transparent);
background-image: linear-gradient(180deg, var(--bg2), transparent);
color: var(--white);
border: solid 2px var(--bg2);
border-radius: var(--unit-size);
padding: var(--unit-size) var(--small-size);
padding: 6px 12px;
}
*|*::-moz-button-content {

View File

@ -3,7 +3,7 @@
{% if post_form is defined %}
<section class="create-notice">
{{ form_start(post_form) }}
<legend class="section-title">
<h1>Create a note</h1>
@ -20,6 +20,7 @@
</legend>
<div class="section-content">
{{ form_start(post_form) }}
<span class="target">
<div class="target-top">
{{ form_label(post_form.to) }}
@ -52,15 +53,13 @@
{{ form_widget(post_form.attachments) }}
</label>
</div>
{{ form_row(post_form.post) }}
</div>
</span>
</div>
{{ form_row(post_form.post) }}
{{ form_end(post_form) }}
</div>
</section>