diff options
| author | Chen Zhe <chenzhesg@gmail.com> | 2021-01-30 06:25:02 +0300 |
|---|---|---|
| committer | Chen Zhe <chenzhesg@gmail.com> | 2021-01-30 06:25:02 +0300 |
| commit | 36864905741488ef90a3e8fccce061c2f334caa0 (patch) | |
| tree | 0b8d8d6917289361be29b214ca33381417b0dc31 | |
| parent | 3dd7f0ce3edd4d2f676a8c5c5884a082a76dc2fb (diff) | |
add an external play button when video frame is not displayed
| -rw-r--r-- | static/css/component.css | 23 | ||||
| -rw-r--r-- | static/js/main.js | 5 |
2 files changed, 22 insertions, 6 deletions
diff --git a/static/css/component.css b/static/css/component.css index bff9219..093ec9d 100644 --- a/static/css/component.css +++ b/static/css/component.css @@ -120,7 +120,7 @@ .og-details h3 { font-weight: 300; - font-size: 40px; + font-size: 36px; padding: 30px 0 10px; margin-bottom: 10px; color: black; @@ -133,7 +133,7 @@ padding-bottom: 1em; } -.og-details a { +.og-details > a { font-weight: 700; font-size: 16px; color: #333; @@ -142,17 +142,28 @@ padding: 10px 20px; border: 3px solid #333; display: inline-block; - margin: 30px 0 0; + margin: 20px 0 0; outline: none; } -.og-details a::before { +.og-details > h3 > a { + width: 0; + height: 0; + border-top: 0.8em solid transparent; + border-bottom: 0.8em solid transparent; + border-left: 1.3em solid gray; + display: inline-block; + outline: none; + margin-left: 0.5em; +} + +.og-details > a::before { content: '\2192'; display: inline-block; margin-right: 10px; } -.og-details a:hover { +.og-details > a:hover { border-color: #999; color: #999; } @@ -225,7 +236,7 @@ ul.exif > li { .stamp { font-size: 0.8em; border: 0.3rem double #555; } .og-expander-inner { padding: 30px; } - .og-expander h3 { font-size: 30px; padding: 10px 0px; } + .og-expander h3 { font-size: 28px; padding: 10px 0px; } .og-expander p, ul.exif { font-size: 13px; } .og-expander a { font-size: 12px; } diff --git a/static/js/main.js b/static/js/main.js index 9fdc43e..ef22616 100644 --- a/static/js/main.js +++ b/static/js/main.js @@ -360,6 +360,11 @@ var Grid = (function() { self.$fullimage.append( self.$largeImg ); }).attr( 'src', eldata.largesrc ); } + } else { + if (eldata.isVideo){ + // show video link when iframe is not displayed due to screen size + $("<a/>").attr("href", eldata.largesrc ).appendTo(self.$title); + } } }, open : function() { |