Browse Source

Correção responsividade vLibras

MOODLE_34_STABLE
thiagourias 6 years ago
parent
commit
0b38cb6900
  1. 48
      style/tema.css

48
style/tema.css

@ -394,8 +394,38 @@ Bootstrap Media Queries
max-height: 228.5px; max-height: 228.5px;
} }
@media screen and @media screen and
(min-width: 200px) and
(max-width: 320px) {
.tamanhoVideo{
max-width: 100% !important;
max-height: 100% !important;
}
.heightVar{
height: 246.5px !important;
}
.dropdown-content {
left: 0px !important;
}
}
@media screen and
(min-width: 361px) and (min-width: 361px) and
(max-width: 418px) {
.tamanhoVideo{
max-width: 100% !important;
max-height: 100% !important;
}
.heightVar{
height: 246.5px !important;
}
}
@media screen and
(min-width: 419px) and
(max-width: 540px) { (max-width: 540px) {
.dropdown-content {
left: 0px !important;
}
.tamanhoVideo{ .tamanhoVideo{
max-width: 100% !important; max-width: 100% !important;
max-height: 100% !important; max-height: 100% !important;
@ -404,8 +434,26 @@ Bootstrap Media Queries
height: 246.5px !important; height: 246.5px !important;
} }
} }
@media screen and @media screen and
(min-width: 541px) and (min-width: 541px) and
(max-width: 591px) {
.dropdown-content {
left: 0px !important;
}
.tamanhoVideo{
max-width: 100% !important;
max-height: 100% !important;
}
.heightVar{
height: 310.5px !important;
}
}
@media screen and
(min-width: 592px) and
(max-width: 660px) { (max-width: 660px) {
.tamanhoVideo{ .tamanhoVideo{
max-width: 100% !important; max-width: 100% !important;

Loading…
Cancel
Save