diff --git a/public/assets/css/base.css b/public/assets/css/base.css index a4466b8ffd..41adb0f70f 100644 --- a/public/assets/css/base.css +++ b/public/assets/css/base.css @@ -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 { diff --git a/public/assets/css/left/left.css b/public/assets/css/left/left.css index c1da445ffe..2d2897e7bd 100644 --- a/public/assets/css/left/left.css +++ b/public/assets/css/left/left.css @@ -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 { diff --git a/public/assets/css/reset.css b/public/assets/css/reset.css index 25462b919f..468ba18434 100644 --- a/public/assets/css/reset.css +++ b/public/assets/css/reset.css @@ -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 { diff --git a/templates/sidepanel/right/right.html.twig b/templates/sidepanel/right/right.html.twig index d821a76942..2c709e0dc9 100644 --- a/templates/sidepanel/right/right.html.twig +++ b/templates/sidepanel/right/right.html.twig @@ -3,7 +3,7 @@ {% if post_form is defined %}
- {{ form_start(post_form) }} +

Create a note

@@ -20,6 +20,7 @@
+ {{ form_start(post_form) }}
{{ form_label(post_form.to) }} @@ -32,35 +33,33 @@
-
- {{ form_row(post_form.visibility) }} -
-
+
+ {{ form_row(post_form.visibility) }} +
+
-
-
- {{ form_row(post_form.content) }} -
+
+
+ {{ form_row(post_form.content) }}
+
-
-
- -
- - {{ form_row(post_form.post) }} +
+
+
- +
+ + + {{ form_row(post_form.post) }} + + {{ form_end(post_form) }}
- {{ form_end(post_form) }} - - -