small fix

This commit is contained in:
2019-06-26 14:40:43 +02:00
parent 582d8acc18
commit 652fec2637

View File

@@ -1,7 +1,6 @@
/* /*
=============================================================================== ===============================================================================
This file contain extra CSS rules to customize the YunoHost user portal and Mystic Forest (based on Default theme) - version 0.1
can be used to customize app tiles, buttons, etc...
=============================================================================== ===============================================================================
*/ */
@@ -17,11 +16,11 @@
} }
.ynh-user-portal { .ynh-user-portal {
background: var(--background-color);
display: flex; display: flex;
flex-flow: column nowrap; flex-flow: column nowrap;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background: var(--background-color);
} }
.classic-btn { .classic-btn {
@@ -33,7 +32,6 @@
.messages { .messages {
margin: 0; margin: 0;
/*width: 100%; */
} }
.messages.info { .messages.info {
background: var(--primary-color); background: var(--primary-color);
@@ -50,12 +48,12 @@
} }
.user { .user {
background: var(--logo-url) no-repeat;
padding-top: var(--logo-height);
width: var(--logo-width);
flex: 0 1 auto;
display: flex; display: flex;
flex-flow: column-reverse nowrap; flex-flow: column-reverse nowrap;
flex: 0 1 auto;
background: var(--logo-url) no-repeat;
width: var(--logo-width);
padding-top: var(--logo-height);
margin: 2%; margin: 2%;
margin-left: 4%; margin-left: 4%;
} }
@@ -71,8 +69,8 @@
} }
.apps { .apps {
width: 50%; /* Hack to force footer to wrap on another row */
flex: 1 1 auto; flex: 1 1 auto;
width: 50%; /* Hack to force footer to wrap on another row */
margin: 4%; margin: 4%;
} }
@@ -84,28 +82,28 @@
/* Styling specific to the login view */ /* Styling specific to the login view */
.content { .content {
padding: 0;
width: var(--box-width); width: var(--box-width);
padding: 0;
} }
:not(.logged) > .ynh-logo{ :not(.logged) > .ynh-logo{
flex: 0 0 auto;
background-image: var(--logo-url); background-image: var(--logo-url);
width: var(--logo-width); width: var(--logo-width);
height: var(--logo-height); height: var(--logo-height);
opacity: 1; opacity: 1;
flex: 0 0 auto;
margin-top: 0; margin-top: 0;
} }
.ynh-wrapper.login { .ynh-wrapper.login {
width: 100%;
margin: 0; margin: 0;
/*width: 100%;*/
} }
.login-form .form-group { .login-form .form-group {
margin: 0;
border: 0.4em solid var(--primary-color); border: 0.4em solid var(--primary-color);
border-top: none; border-top: none;
margin: 0;
} }
.login-form .btn { .login-form .btn {