mirror of
https://github.com/YunoHost/yunohost-admin.git
synced 2024-09-03 20:06:15 +02:00
[enh] Less nerdy notification zone, with some tiny improvments.
This commit is contained in:
opi
parent
23229d3ec2
commit
7cc7e3f053
5 changed files with 80 additions and 66 deletions
|
|
@ -175,7 +175,7 @@ body {
|
|||
|
||||
#slider {
|
||||
.center-block;
|
||||
padding: 5px;
|
||||
padding: 30px 5px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
|
|
@ -464,54 +464,72 @@ input[type='radio'].nice-radio {
|
|||
}
|
||||
|
||||
|
||||
/** Flash messages **/
|
||||
|
||||
/** Flash messages **/
|
||||
#flashMessage {
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
max-height: 30px;
|
||||
z-index: 2001; // above pacman
|
||||
opacity: 0.9;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
-webkit-transition: max-height 0.15s;
|
||||
-moz-transition: max-height 0.15s;
|
||||
transition: max-height 0.15s;
|
||||
&:hover, &:active, &:focus {
|
||||
opacity: 1;
|
||||
overflow-y: auto;
|
||||
height: inherit;
|
||||
max-height: 70%;
|
||||
outline: 1px solid #ccc;
|
||||
border-top: none;
|
||||
border-radius: 0;
|
||||
max-height: 120px;
|
||||
overflow-y: auto;
|
||||
margin-bottom: 20px;
|
||||
&:empty {margin-bottom: 0;}
|
||||
|
||||
.alert-fail {
|
||||
.alert-danger();
|
||||
}
|
||||
p {
|
||||
padding: 4px 10px;
|
||||
min-height: 30px;
|
||||
line-height: 22px;
|
||||
margin: 0;
|
||||
}
|
||||
div.alert-msg {
|
||||
font-size: 15px;
|
||||
font-family: Consolas,"Liberation Mono",Menlo,Courier,monospace;
|
||||
background-color: #002b36;
|
||||
//color: #eee;
|
||||
}
|
||||
div.alert-info p {
|
||||
color: #2aa198;
|
||||
}
|
||||
div.alert-success p {
|
||||
color: #859900;
|
||||
}
|
||||
div.alert-warning p {
|
||||
color: #cb4b16;
|
||||
}
|
||||
div.alert-danger p {
|
||||
color: #dc322f;
|
||||
}
|
||||
div.alert-log p {
|
||||
color: #839496;
|
||||
|
||||
.alert {
|
||||
margin-bottom: 0;
|
||||
& + .alert {margin-top: 15px;}
|
||||
|
||||
p {
|
||||
&:extend(.container);
|
||||
margin: 0 auto;
|
||||
padding-left: 25px;
|
||||
padding-right: 25px;
|
||||
& + p {margin-top: 0.5em;}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 640px) {
|
||||
#flashMessage {
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 2001; // above pacman
|
||||
max-height: 30px;
|
||||
opacity: 0.9;
|
||||
overflow: hidden;
|
||||
box-shadow: 0px 0 1px rgba(0,0,0, 0.2);
|
||||
.transition(max-height 0.15s);
|
||||
&:hover, &:active, &:focus {
|
||||
opacity: 1;
|
||||
overflow-y: auto;
|
||||
height: auto;
|
||||
max-height: 70%;
|
||||
box-shadow: 1px 0 2px rgba(0,0,0, 0.5);
|
||||
}
|
||||
p {
|
||||
padding: 4px 10px;
|
||||
min-height: 30px;
|
||||
line-height: 22px;
|
||||
}
|
||||
.alert {
|
||||
// Override bootstrap defaults
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
& + .alert {margin-top: 0;}
|
||||
|
||||
// YNH custom
|
||||
font-family: Consolas,"Liberation Mono",Menlo,Courier,monospace;
|
||||
}
|
||||
|
||||
.alert-log {
|
||||
background-color: #eee;
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
4
src/dist/css/style.min.css
vendored
4
src/dist/css/style.min.css
vendored
File diff suppressed because one or more lines are too long
17
src/dist/js/script.min.js
vendored
17
src/dist/js/script.min.js
vendored
File diff suppressed because one or more lines are too long
|
|
@ -12,7 +12,6 @@
|
|||
<script type="text/javascript" src="dist/js/script.min.js?version=VERSION"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="flashMessage"></div>
|
||||
|
||||
<div id="slider" role="application">
|
||||
|
||||
|
|
@ -32,6 +31,8 @@
|
|||
</span>
|
||||
</header>
|
||||
|
||||
<div id="flashMessage"></div>
|
||||
|
||||
<div id="slider-container">
|
||||
|
||||
<div id="slideBack" style="display: none;"></div>
|
||||
|
|
|
|||
|
|
@ -72,14 +72,8 @@ var app = Sammy('#main', function (sam) {
|
|||
store.set('flash', true);
|
||||
}
|
||||
|
||||
//$('#slider').css('padding-top', '30px');
|
||||
|
||||
var flashContainer = $('#flashMessage'),
|
||||
alertClass = (level !== 'fail') ? alertClass = 'alert-'+ level : 'alert-danger';
|
||||
|
||||
|
||||
flashContainer
|
||||
.prepend('<div class="alert-msg '+ alertClass +'">'+
|
||||
$('#flashMessage')
|
||||
.prepend('<div class="alert alert-'+ level +'">'+
|
||||
'<p>'+ message +'</p></div>');
|
||||
},
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue