Fix kfet navbar on small devices

This commit is contained in:
Aurélien Delobelle 2017-09-03 14:42:38 +02:00
parent 1d9310236b
commit fb5ba5fb1b
2 changed files with 24 additions and 5 deletions

View file

@ -14,10 +14,16 @@
.kfetopen .base {
height: 50px;
padding: 15px;
max-width: 16px;
display: inline-flex;
margin-left: 5px;
margin-right: 5px;
display: flex;
flex-wrap: wrap;
align-content: center;
align-items: center;
justify-content: center;
}
.kfetopen .details {
@ -34,10 +40,23 @@
height: 10px;
border-radius: 50%;
transition: background 0.15s;
margin: 3px;
}
.kfetopen .warning {
margin-left: 15px;
display: none;
}
@media (min-width: 576px) {
.kfetopen .base {
max-width: none;
margin-left: 15px;
margin-right: 15px;
}
.kfetopen .warning {
margin-left: 15px;
}
}
.kfetopen .status-text {

View file

@ -74,10 +74,10 @@ OpenKfet.prototype = {
if (this.admin) {
this.add_class(this.admin_status);
if (this.force_close) {
this.dom.warning.addClass('in');
this.dom.warning.show().addClass('in');
this.dom.force_close_btn.html(this.force_text['deactivate']);
} else {
this.dom.warning.removeClass('in');
this.dom.warning.removeClass('in').hide();
this.dom.force_close_btn.html(this.force_text['activate']);
}
}