Plume/assets/themes/default/_forms.scss
Ana Gelez 309e1200d0 Make a distinction between moderators and admins (#619)
* Make a distinction between moderators and admins

And rework the user list in the moderation interface, to be able to run the same action on many users,
and to have a huge list of actions whithout loosing space.

* Make user's role an enum + make it impossible for a moderator to escalate privileges

With the help of diesel-derive-enum (maybe it could be used in other places too?)

Also, moderators are still able to grant or revoke moderation rights to other people, but maybe only admins should be able to do it?

* Cargo fmt

* copy/pasting is bad

* Remove diesel-derive-enum and use an integer instead

It was not compatible with both Postgres and SQlite, because for one it generated a schema
with the "User_role" type, but for the other it was "Text"…

* Reset translations

* Use an enum to avoid magic numbers + fix the tests

* Reset translations

* Fix down.sql
2019-09-13 12:28:36 +02:00

172 lines
2.7 KiB
SCSS

label {
display: block;
margin: 2em auto .5em;
font-size: 1.2em;
}
input, textarea, select {
transition: all 0.1s ease-in;
display: block;
width: 100%;
margin: auto;
padding: 1em;
box-sizing: border-box;
-webkit-appearance: textarea;
background: $form-input-background;
color: $text-color;
border: solid $form-input-border thin;
font-size: 1.2em;
font-weight: 400;
&:focus {
border-color: $primary;
}
}
form input[type="submit"] {
margin: 2em auto;
-webkit-appearance: none;
}
textarea {
resize: vertical;
overflow-y: scroll;
font-family: $lora;
font-size: 1.1em;
line-height: 1.5;
}
input[type="checkbox"] {
display: inline;
margin: initial;
min-width: initial;
width: initial;
-webkit-appearance: checkbox;
}
/** Inline forms (containing only CSRF token and a <submit>, for protected links) **/
form.inline {
display: inline;
margin: 0px;
padding: 0px;
width: auto;
input[type="submit"] {
display: inline-block;
cursor: pointer;
font-size: 1em;
width: auto;
-webkit-appearance: none;
&:not(.button) {
margin: 0;
padding: 0;
border: none;
background: transparent;
color: $primary;
font-weight: normal;
}
}
}
.button, .button:visited, input[type="submit"], input[type="submit"].button {
transition: all 0.1s ease-in;
display: inline-block;
-webkit-appearance: none;
margin: 0.5em auto;
padding: 0.75em 1em;
background: $primary;
color: $primary-text-color;
font-weight: bold;
border: none;
cursor: pointer;
&:hover {
background: transparentize($primary, 0.1);
}
&.destructive {
background: $red;
&:hover {
background: transparentize($red, 0.1);
}
}
&.secondary {
background: $gray;
color: $text-color;
&:hover {
background: transparentize($text-color, 0.9);
}
}
}
input[type="submit"] {
display: block;
-webkit-appearance: none;
}
// Writing page
form.new-post {
max-width: 60em;
.title {
margin: 0 auto;
padding: 0.75em 0;
background: none;
border: none;
font-family: $playfair;
font-size: 2em;
text-align: left;
}
textarea {
min-height: 20em;
overflow-y: scroll;
resize: none;
-webkit-appearance: textarea;
}
}
.button + .button {
margin-left: 1em;
}
.split {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
& > * {
flex-grow: 1;
max-width: 40%;
}
}
header.center {
display: flex;
flex-direction: column;
align-items: center;
background: transparent;
opacity: 1;
font-weight: normal;
text-align: left;
> * {
margin-left: 0;
margin-right: 0;
}
}
form > header {
display: flex;
input[type="submit"] {
margin-left: 1em;
}
}