Lanmikeman/openvk
Lanmikeman/openvk
1
1
Fork 0
mirror of https://github.com/openvk/openvk synced 2024-11-11 01:19:53 +03:00
Code Issues Projects Releases Packages Wiki Activity

BSDN: Tweak design

Browse source
This commit is contained in:
veselcraft 2023-02-24 21:05:59 +03:00
parent 699996210d
commit 185c007b50
No known key found for this signature in database
GPG key ID: AED66BC1AC628A4E
3 changed files with 14 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
Web/static/css/bsdn.css
View file

@ -2,7 +2,7 @@
width: 100%; width: 100%;
position: relative; position: relative;
display: inline-flex; display: inline-flex;
font-family: sans-serif; font-family: Tahoma, sans-serif;
user-select: none; user-select: none;
background-color: black; background-color: black;
} }
@ -55,7 +55,7 @@
p.bsdn_timeWrap { p.bsdn_timeWrap {
display: inline; display: inline;
margin: 0; margin: 0;
font-size: 10px; font-size: 7pt;
font-weight: bold; font-weight: bold;
} }
@ -104,6 +104,12 @@ button.bsdn_playButton {
cursor: pointer; 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 { .bsdn_teaserWrap {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -205,7 +211,8 @@ time.bsdn_timeFull {
} }
.bsdn_teaserButton > img { .bsdn_teaserButton > img {
max-height: 69px; max-height: 50px;
margin: 10px 0;
} }
.bsdn_fullScreenButton > img, .bsdn_soundIcon { .bsdn_fullScreenButton > img, .bsdn_soundIcon {

BIN
Web/static/img/bsdn/fullscreen_hover.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 307 B

6
Web/static/js/player.js
View file

@ -38,7 +38,9 @@ function _bsdnTpl(name, author) {
<div class="bsdn_controls"> <div class="bsdn_controls">
<div> <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>
<div class="bsdn_terebilkaWrap"> <div class="bsdn_terebilkaWrap">
@ -192,7 +194,7 @@ function _bsdnEventListenerFactory(el, v) {
], ],
pause: [ 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-player").classList.remove("_bsdn_playing");
el.querySelector(".bsdn_teaserWrap").style.display = "flex"; el.querySelector(".bsdn_teaserWrap").style.display = "flex";
} }