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

Add fadeout in the search

Browse Source
This commit is contained in:
KatieFrogs 2022-02-26 05:06:32 +03:00
parent 6c1cddf33f
commit 76736a35bf
3 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -110,6 +110,16 @@
width: calc(100% - (var(--course-width) + 0.4em) * 5 - 0.6em); width: calc(100% - (var(--course-width) + 0.4em) * 5 - 0.6em);
} }
.song-search-result-info::after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
width: 2em;
height: 100%;
}
.song-search-result-subtitle { .song-search-result-subtitle {
display: block; display: block;
font-size: 0.8em; font-size: 0.8em;

4
public/src/css/view.css
View File

@ -209,11 +209,11 @@ kbd{
right: 0; right: 0;
width: 40px; width: 40px;
height: 100%; height: 100%;
background-image: linear-gradient(90deg, transparent, #f6ead4 90%); background-image: linear-gradient(90deg, rgba(246, 234, 212, 0), #f6ead4 90%);
} }
.view-content:not(:hover) .setting-box.selected .setting-name::after, .view-content:not(:hover) .setting-box.selected .setting-name::after,
.setting-box:hover .setting-name::after{ .setting-box:hover .setting-name::after{
background-image: linear-gradient(90deg, transparent, #ffb547 90%); background-image: linear-gradient(90deg, rgba(255, 181, 71, 0), #ffb547 90%);
} }
.setting-value{ .setting-value{
display: flex; display: flex;

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

@ -99,6 +99,7 @@ class SongSelect{
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 + '::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 + ' }')
document.styleSheets[0].insertRule('.song-search-' + stripped + ' .song-search-result-info::after { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), ' + skin.background + ' 90%) }')
}) })
this.font = strings.font this.font = strings.font