GNUsocial
/
gnu-social
4
0
Fork 1
Code Issues Releases Wiki Activity

[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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/assets/css/base.css
View File

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

2
public/assets/css/left/left.css
View File

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

10
public/assets/css/reset.css
View File

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

43
templates/sidepanel/right/right.html.twig
View File

@ -3,7 +3,7 @@
{% if post_form is defined %} {% if post_form is defined %}
<section class="create-notice"> <section class="create-notice">
{{ form_start(post_form) }}
<legend class="section-title"> <legend class="section-title">
<h1>Create a note</h1> <h1>Create a note</h1>
@ -20,6 +20,7 @@
</legend> </legend>
<div class="section-content"> <div class="section-content">
{{ form_start(post_form) }}
<span class="target"> <span class="target">
<div class="target-top"> <div class="target-top">
{{ form_label(post_form.to) }} {{ form_label(post_form.to) }}
@ -32,35 +33,33 @@
<hr> <hr>
<span class="scope"> <span class="scope">
<div class="visibility"> <div class="visibility">
{{ form_row(post_form.visibility) }} {{ form_row(post_form.visibility) }}
</div> </div>
</span> </span>
<hr> <hr>
<span id="input"> <span id="input">
<div class="input-wrapper"> <div class="input-wrapper">
<div class="content-input"> <div class="content-input">
{{ form_row(post_form.content) }} {{ form_row(post_form.content) }}
</div>
</div> </div>
</div>
<div class="notice-options"> <div class="notice-options">
<div class="attachments"> <div class="attachments">
<label for="{{ post_form.attachments.vars.id }}" class="custom-file-upload"> <label for="{{ post_form.attachments.vars.id }}" class="custom-file-upload">
{{ form_widget(post_form.attachments) }} {{ form_widget(post_form.attachments) }}
</label> </label>
</div>
{{ form_row(post_form.post) }}
</div> </div>
</span> </div>
</span>
{{ form_row(post_form.post) }}
{{ form_end(post_form) }}
</div> </div>
{{ form_end(post_form) }}
</section> </section>