Mirror/Cultivation
1
0
Fork 0
mirror of https://github.com/Grasscutters/Cultivation.git synced 2025-12-15 00:24:45 +01:00
Code Issues Packages Projects Releases Wiki Activity

text input clearable

Browse Source
This commit is contained in:
SpikeHD
2022-05-16 17:15:26 -07:00
parent f5147239ae
commit 0a37529b17
2 changed files with 34 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/ui/components/common/TextInput.css
View File

@@ -2,10 +2,30 @@
border: none;
border-bottom: 2px solid #cecece;
padding-right: 16px;
transition: border-bottom-color 0.1s ease-in-out;
}
.TextInput:focus {
outline: none;
border-bottom-color: #ffd326;
}
.TextClear {
height: 10px;
display: inline-block;
position: absolute;
right: 16%;
filter: invert(99%) sepia(0%) saturate(1188%) hue-rotate(186deg) brightness(97%) contrast(67%);
}
.TextClear:hover {
cursor: pointer;
filter: invert(73%) sepia(0%) saturate(380%) hue-rotate(224deg) brightness(94%) contrast(90%);
}
.TextInputClear {
height: 100%;
}