From 185c007b5080c1592e103930e9d575c4f64d20d9 Mon Sep 17 00:00:00 2001
From: veselcraft <veselcraft@icloud.com>
Date: Fri, 24 Feb 2023 21:05:59 +0300
Subject: [PATCH] BSDN: Tweak design

---
 Web/static/css/bsdn.css                  |  13 ++++++++++---
 Web/static/img/bsdn/fullscreen_hover.gif | Bin 0 -> 307 bytes
 Web/static/js/player.js                  |   6 ++++--
 3 files changed, 14 insertions(+), 5 deletions(-)
 create mode 100644 Web/static/img/bsdn/fullscreen_hover.gif

diff --git a/Web/static/css/bsdn.css b/Web/static/css/bsdn.css
index c8590ad1..6ed03359 100644
--- a/Web/static/css/bsdn.css
+++ b/Web/static/css/bsdn.css
@@ -2,7 +2,7 @@
     width: 100%;
     position: relative;
     display: inline-flex;
-    font-family: sans-serif;
+    font-family: Tahoma, sans-serif;
     user-select: none;
     background-color: black;
 }
@@ -55,7 +55,7 @@
 p.bsdn_timeWrap {
     display: inline;
     margin: 0;
-    font-size: 10px;
+    font-size: 7pt;
     font-weight: bold;
 }
 
@@ -104,6 +104,12 @@ button.bsdn_playButton {
     cursor: pointer;
 }
 
+.bsdn_fullScreenButton > img:hover {
+	background: url("/assets/packages/static/openvk/img/bsdn/fullscreen_hover.gif");
+	object-fit: none;
+	object-position: -64px 0;
+}
+
 .bsdn_teaserWrap {
     width: 100%;
     height: 100%;
@@ -205,7 +211,8 @@ time.bsdn_timeFull {
 }
 
 .bsdn_teaserButton > img {
-    max-height: 69px;
+    max-height: 50px;
+    margin: 10px 0;
 }
 
 .bsdn_fullScreenButton > img, .bsdn_soundIcon {
diff --git a/Web/static/img/bsdn/fullscreen_hover.gif b/Web/static/img/bsdn/fullscreen_hover.gif
new file mode 100644
index 0000000000000000000000000000000000000000..31db28b07a0b5cf2181f5b09f799e8e6e8453fbb
GIT binary patch
literal 307
zcmZ?wbhEHb6k_0IxXJ(ms;a70RaMp1)eQ{|EiEmlPMx}Z`SO)3S8m_F{ouiahYue<
zdGh4x)2Gj$KY#J!#mkp3U%!6+=FOXT@7}$C|Ng^=4`082{r2tK_wV0-{P^+n=g(ii
ze*OOa`_G?0fB*jd_wV2T|Np_3(27v}$-)RSTL(md{KUW(;Lyy}@=(CiL!d*LF;t12
zE5U1R6eG`tQt#NJ<*Z!HhOD0ZL;PkozVp+}YGANsPuRjxGrK8#%jrTdP8P;^g`E0K
U!OoDH@^UvXcON${8Ak?d0EdNdTL1t6

literal 0
HcmV?d00001

diff --git a/Web/static/js/player.js b/Web/static/js/player.js
index aa93e0b0..9cc30112 100644
--- a/Web/static/js/player.js
+++ b/Web/static/js/player.js
@@ -38,7 +38,9 @@ function _bsdnTpl(name, author) {
 
             <div class="bsdn_controls">
                 <div>
-                    <button class="bsdn_playButton">▶</button>
+                    <button class="bsdn_playButton">
+                        <img src="/assets/packages/static/openvk/img/bsdn/play.png" style="padding-right: 2px; padding-top: 3px;">
+                    </button>
                 </div>
 
                 <div class="bsdn_terebilkaWrap">
@@ -192,7 +194,7 @@ function _bsdnEventListenerFactory(el, v) {
             ],
             pause: [
                 () => {
-                    el.querySelector(".bsdn_playButton").innerHTML = "▶";
+                    el.querySelector(".bsdn_playButton").innerHTML = "<img src='/assets/packages/static/openvk/img/bsdn/play.png' style='padding-right: 2px; padding-top: 3px; height: 19px;' />";
                     el.querySelector(".bsdn-player").classList.remove("_bsdn_playing");
                     el.querySelector(".bsdn_teaserWrap").style.display = "flex";
                 }