farmcontrol/farmcontrol-ui
farmcontrol/farmcontrol-ui
2
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Update skeleton input styles for improved visual consistency

Browse Source 
- Adjusted mask-image properties in App.css to change the gradient calculation from 0.8em to 0.5em for better alignment and appearance of skeleton input elements.
- Ensured consistent styling across both standard and webkit-prefixed mask images.
This commit is contained in:
Tom Butcher 2026-08-19 17:38:44 +01:00
parent f2ccec483f
commit b121179322
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
assets/stylesheets/App.css
View File

@ -1254,13 +1254,13 @@ span.ant-skeleton-input.ant-skeleton-input-sm.text-skeleton {
mask-image: linear-gradient( mask-image: linear-gradient(
to right, to right,
#000 0%, #000 0%,
#000 calc(100% - 0.8em), #000 calc(100% - 0.5em),
transparent 100% transparent 100%
); );
-webkit-mask-image: linear-gradient( -webkit-mask-image: linear-gradient(
to right, to right,
#000 0%, #000 0%,
#000 calc(100% - 0.8em), #000 calc(100% - 0.5em),
transparent 100% transparent 100%
); );
} }
@ -1271,13 +1271,13 @@ span.ant-skeleton-input.ant-skeleton-input-sm.text-skeleton {
mask-image: linear-gradient( mask-image: linear-gradient(
to left, to left,
#000 0%, #000 0%,
#000 calc(100% - 0.8em), #000 calc(100% - 0.5em),
transparent 100% transparent 100%
); );
-webkit-mask-image: linear-gradient( -webkit-mask-image: linear-gradient(
to left, to left,
#000 0%, #000 0%,
#000 calc(100% - 0.8em), #000 calc(100% - 0.5em),
transparent 100% transparent 100%
); );
} }