doohoyi/distribusi-foh000
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix max-width and archive button in mobile

Browse source
This commit is contained in:
Hyunchul Kim 2020-12-26 18:26:26 +09:00
parent 7f552b566b
commit 21086a325d
1 changed files with 13 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
test_data/src/style/common.css
View file

@ -70,7 +70,7 @@
@keyframes rainbowLinkText {0% {color: #ff2a2a;} 15% {color: #ff7a2a;} 30% {color: #ffc52a; }45% {color: #43ff2a; }60% {color: #2a89ff; }75% {color: #202082; }90% {color: #6b2aff; } 100% {color: #e82aff; }} @keyframes rainbowLinkText {0% {color: #ff2a2a;} 15% {color: #ff7a2a;} 30% {color: #ffc52a; }45% {color: #43ff2a; }60% {color: #2a89ff; }75% {color: #202082; }90% {color: #6b2aff; } 100% {color: #e82aff; }}
figure img { max-width: 450px; }
/***** mobile *****/ /***** mobile *****/
@ -209,6 +209,7 @@
background:#fff; background:#fff;
border:1px solid; border:1px solid;
height: 40px; height: 40px;
padding: 0px;
} }
img#icon_archive_more {width: 16px;} img#icon_archive_more {width: 16px;}
@ -403,6 +404,10 @@
img#icon_fb, img#icon_ig { height: 50px; margin-right:20px;} img#icon_fb, img#icon_ig { height: 50px; margin-right:20px;}
div#frags>div {
margin-right:30px;
width: 480px;
}
} }
@ -412,8 +417,6 @@
margin-bottom: 30px; margin-bottom: 30px;
padding-top: 50px; padding-top: 50px;
display: inline-block; display: inline-block;
margin-right:30px;
/* border-top: solid 1px #000; */
vertical-align: top; vertical-align: top;
padding:20px; padding:20px;
} }
@ -426,17 +429,17 @@
font-style: italic; font-style: italic;
} }
.image{width:100%; max-width: calc(100vw - 80px)}
/* .pdf{width:100%; max-width: calc(100vw - 80px); height: 600px;}
.image{width:80%; max-width: 600px;} .x-empty, .plain, .rtf, .unkown-file, .quicktime, video, .pdf{width:100%; max-width: calc(100vw - 80px)} */
.pdf object{width:100%;height: 600px;} video {width:100%; max-width: calc(100vw - 80px)}
.x-empty, .plain, .rtf, .unkown-file, .quicktime, video, .pdf{width:80%; max-width: 600px;}
.dir::before{content:"📁 ";font-size:18px;} .dir::before{content:"📁 ";font-size:18px;}
.filename{display:block;font-family:mono;} .filename{display:block;font-family:mono;}
.unkown-file::before{content:"📄 ";font-size:18px;} .unkown-file::before{content:"📄 ";font-size:18px;}
/* div{max-width: 640px;display:inline-block;vertical-align:top;margin:1em;padding:1em;} */ /* div{max-width: 640px;display:inline-block;vertical-align:top;margin:1em;padding:1em;} */
video {width: 80%;max-width: 600px;} .pdf object{width:100%; height: 450px;}
.x-empty, .plain, .rtf, .unkown-file, .quicktime, video, .pdf{width:100%; max-width: calc(100vw - 80px);}
@keyframes anim_tranparency { @keyframes anim_tranparency {
0% { 0% {