flashii/misuzu
flashii/misuzu
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make containers in the account settings translucent for background previews.

Browse source
This commit is contained in:
flash 2018-09-19 11:09:54 +02:00
parent bf3912a560
commit e0331cd924
3 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
assets/less/mio/classes/container.less
View file

@ -10,6 +10,10 @@
} }
} }
&--translucent {
background-color: var(--background-colour-translucent);
}
&__title { &__title {
display: block; display: block;
text-decoration: none; text-decoration: none;

1
assets/less/mio/main.less
View file

@ -19,6 +19,7 @@
--text-colour-inverted: color(#fff - @default-text-colour); --text-colour-inverted: color(#fff - @default-text-colour);
--text-colour-header: @default-header-text-colour; --text-colour-header: @default-header-text-colour;
--background-colour: @default-background-colour; --background-colour: @default-background-colour;
--background-colour-translucent: fade(@default-background-colour, 90%);
--gradient-start: @default-gradient-start; --gradient-start: @default-gradient-start;
} }

6
templates/settings/account.twig
View file

@ -5,7 +5,7 @@
{% endif %} {% endif %}
{% block settings_content %} {% block settings_content %}
<div class="container"> <div class="container container--translucent">
<div class="container__title">Account</div> <div class="container__title">Account</div>
<form action="" method="post" class="settings__account"> <form action="" method="post" class="settings__account">
<input type="hidden" name="csrf" value="{{ csrf_token() }}"> <input type="hidden" name="csrf" value="{{ csrf_token() }}">
@ -126,7 +126,7 @@
</div> </div>
{% if settings_perms.edit_avatar %} {% if settings_perms.edit_avatar %}
<div class="container"> <div class="container container--translucent">
<div class="container__title">Avatar</div> <div class="container__title">Avatar</div>
<form action="" method="post" class="settings__images" enctype="multipart/form-data"> <form action="" method="post" class="settings__images" enctype="multipart/form-data">
<input type="hidden" name="MAX_FILE_SIZE" value="{{ background.max_size }}"> <input type="hidden" name="MAX_FILE_SIZE" value="{{ background.max_size }}">
@ -197,7 +197,7 @@
{% endif %} {% endif %}
{% if settings_perms.edit_background %} {% if settings_perms.edit_background %}
<div class="container"> <div class="container container--translucent">
<div class="container__title">Background</div> <div class="container__title">Background</div>
<form action="" method="post" class="settings__images" enctype="multipart/form-data"> <form action="" method="post" class="settings__images" enctype="multipart/form-data">
<input type="hidden" name="MAX_FILE_SIZE" value="{{ background.max_size }}"> <input type="hidden" name="MAX_FILE_SIZE" value="{{ background.max_size }}">