juan/japanese-drum-game
1
0
Fork 0
mirror of https://github.com/jiojciojsioe3/a3cjroijsiojiorj.git synced 2024-11-15 15:31:51 +08:00
Code Issues Packages Projects Releases Wiki Activity

CSS fixes

Browse Source
This commit is contained in:
KatieFrogs 2022-02-26 03:24:46 +03:00
parent e9b07f283d
commit d85d48bc1f
2 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
public/src/css/search.css
View File

@ -18,7 +18,7 @@
position: relative; position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 60em; width: min(100%, 60em);
height: 80%; height: 80%;
border-radius: 0.8em; border-radius: 0.8em;
border: 0.35em solid #8C0C42; border: 0.35em solid #8C0C42;
@ -167,6 +167,7 @@
width: 100%; width: 100%;
padding: 0.1em 0; padding: 0.1em 0;
border-radius: 0 0 0.3em 0.3em; border-radius: 0 0 0.3em 0.3em;
overflow: hidden;
} }
.song-search-result-easy { .song-search-result-easy {
@ -218,21 +219,27 @@
background-size: 1.4em; background-size: 1.4em;
background-position-x: center; background-position-x: center;
background-repeat: repeat-y; background-repeat: repeat-y;
width: 100%;
position: absolute; position: absolute;
height: 2em; top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 1.4em;
height: 1.3em;
margin-bottom: 1.2em;
} }
.song-search-result-gold { .song-search-result-gold {
background-position-y: 4.1em; background-position-y: 59%;
} }
.song-search-result-silver { .song-search-result-silver {
background-position-y: 6.1em; background-position-y: 29%;
} }
.song-search-result-noclear { .song-search-result-noclear {
background-position-y: 0.15em; background-position-y: -1%;
} }
#song-search-tip { #song-search-tip {

2
public/src/js/songselect.js
View File

@ -96,7 +96,7 @@ class SongSelect{
var stripped = key.replace(/\W/g, '') var stripped = key.replace(/\W/g, '')
document.styleSheets[0].insertRule('.song-search-' + stripped + ' { background-color: ' + skin.background + ' }') document.styleSheets[0].insertRule('.song-search-' + stripped + ' { background-color: ' + skin.background + ' }')
document.styleSheets[0].insertRule('.song-search-' + stripped + '::before { border: 0.4vmax solid ' + skin.border[0] + ' ; border-bottom-color: ' + skin.border[1] + ' ; border-right-color: ' + skin.border[1] + ' }') document.styleSheets[0].insertRule('.song-search-' + stripped + '::before { border: 0.4em solid ' + skin.border[0] + ' ; border-bottom-color: ' + skin.border[1] + ' ; border-right-color: ' + skin.border[1] + ' }')
document.styleSheets[0].insertRule('.song-search-' + stripped + ' .song-search-result-title::before { -webkit-text-stroke: 0.4em ' + skin.outline + ' }') document.styleSheets[0].insertRule('.song-search-' + stripped + ' .song-search-result-title::before { -webkit-text-stroke: 0.4em ' + skin.outline + ' }')
document.styleSheets[0].insertRule('.song-search-' + stripped + ' .song-search-result-subtitle::before { -webkit-text-stroke: 0.4em ' + skin.outline + ' }') document.styleSheets[0].insertRule('.song-search-' + stripped + ' .song-search-result-subtitle::before { -webkit-text-stroke: 0.4em ' + skin.outline + ' }')
}) })