Fix #8 (@media query more bootstrap compliant)
This commit is contained in:
parent
73262937b9
commit
33498249de
|
|
@ -1,24 +1,14 @@
|
|||
/***
|
||||
* Responsive layout for the control panel
|
||||
*/
|
||||
@media screen and (max-width:350px) {
|
||||
#tarteaucitronRoot #tarteaucitron #tarteaucitronInfo {
|
||||
@media screen and (max-width:479px) {
|
||||
#tarteaucitron #tarteaucitronInfo {
|
||||
background-image: none;
|
||||
font-size: 16px !important;
|
||||
padding-right: 0;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width:400px) {
|
||||
#tarteaucitronRoot #tarteaucitron #tarteaucitronInfo {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width:470px) {
|
||||
#tarteaucitron #tarteaucitronInfo {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
#tarteaucitron .tarteaucitronLine .tarteaucitronName {
|
||||
width: 90% !important;
|
||||
}
|
||||
|
|
@ -29,7 +19,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width:890px) {
|
||||
@media screen and (max-width:767px) {
|
||||
#tarteaucitron {
|
||||
border: 0 !important;
|
||||
bottom: 0 !important;
|
||||
|
|
@ -45,6 +35,15 @@
|
|||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width:768px) and (max-width:991px) {
|
||||
#tarteaucitron {
|
||||
border: 0 !important;
|
||||
margin: 0 5%;
|
||||
max-height: 80% !important;
|
||||
width: 90% !important;
|
||||
}
|
||||
}
|
||||
|
||||
/***
|
||||
* Common value
|
||||
*/
|
||||
|
|
|
|||
Loading…
Reference in New Issue