LibreItalia/conference-site
1
0
Fork 0
Code Issues Pull Requests Actions Activity

live fix mobile/tablet

Browse Source
This commit is contained in:
daniele.scasciafratte 2021-11-15 13:17:04 +00:00
parent 476d31c64d
commit bc8c169107
1 changed files with 25 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
themes/pelican-blue/static/css/large.css
View File

@ -24,7 +24,7 @@ h1, h2 {
} }
.latest .latest
{- {
padding: 10px 10px; padding: 10px 10px;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
} }
@ -63,7 +63,7 @@ body > article, footer
line-height: 1.6em; line-height: 1.6em;
display: block; display: block;
margin: auto 5px auto 285px; margin: auto 5px auto 285px;
padding: 10px 5px 10px;*/ padding: 10px 5px 10px;
} }
article ol.posts article ol.posts
@ -262,25 +262,23 @@ img {
#live { #live {
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
flex-direction: column;
justify-content: space-between; justify-content: space-between;
align-items: stretch; align-items: stretch;
height: 75vh; height: 75vh;
} }
#embedded-video { #embedded-video {
display: flex;
flex: 7;
} }
#embedded-chat { #embedded-chat, #embedded-video {
padding: 2px; width: 50%;
display: flex;
flex: 2;
} }
#live iframe { #live iframe {
border: 0px; border: 0px;
flex: 1; flex: 1;
width: 100%
} }
#footlinks { #footlinks {
@ -290,9 +288,7 @@ img {
#footlinks ul #footlinks ul
{ {
display: flex; column-count: 2;
align-items: stretch;
justify-content: space-between;
list-style: none; list-style: none;
padding: 0 50px; padding: 0 50px;
margin: 0 0; margin: 0 0;
@ -301,21 +297,17 @@ img {
#footlinks li #footlinks li
{ {
display: block; display: block;
flex: 0 1 auto; width: 200px;
min-height: 50px;
margin: 0px 5px; margin: 0px 5px;
vertical-align: middle;
} }
#footlinks a #footlinks a
{ {
-webkit-transition: 200ms; -webkit-transition: 200ms;
-moz-transition: 200ms;
-ms-transition: 200ms;
-o-transition: 200ms;
transition: 200ms; transition: 200ms;
display: block; display: block;
width: 10rem; width: 10rem;
height: 1.5rem;
padding: 0.77273rem 0rem; padding: 0.77273rem 0rem;
background-color: #3a7c78; background-color: #3a7c78;
color: white; color: white;
@ -332,3 +324,19 @@ img {
border-color: #73d08a; border-color: #73d08a;
color: #3a7c78; color: #3a7c78;
} }
@media screen and (max-width: 1024px) {
#live iframe {
min-height: 260px;
}
#embedded-chat, #embedded-video {
width: 100%;
}
}
@media screen and (max-width: 1024px) {
#live iframe {
height: 75vh;
}
}