moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'invisible-css' into 'develop' 

Move .invisible styles to Markup CSS

See merge request soapbox-pub/soapbox!2550
This commit is contained in:
Alex Gleason 2023-06-07 17:03:30 +00:00
parent 0a66a565f6 a2846070c9
commit f2f720ca21
2 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
app/soapbox/components/markup.css
View File

@ -85,3 +85,21 @@ body.underline-links [data-markup] a {
[data-markup] .status-link {
@apply hover:underline text-primary-600 dark:text-accent-blue hover:text-primary-800 dark:hover:text-accent-blue;
}
[data-markup] .invisible {
font-size: 0 !important;
line-height: 0 !important;
display: inline-block;
width: 0;
height: 0;
position: absolute;
}
[data-markup] .invisible img,
[data-markup] .invisible svg {
margin: 0 !important;
border: 0 !important;
padding: 0 !important;
width: 0 !important;
height: 0 !important;
}

18
app/styles/ui.scss
View File

@ -36,24 +36,6 @@
}
}
.invisible {
font-size: 0 !important;
line-height: 0 !important;
display: inline-block;
width: 0;
height: 0;
position: absolute;
img,
svg {
margin: 0 !important;
border: 0 !important;
padding: 0 !important;
width: 0 !important;
height: 0 !important;
}
}
.react-datepicker-popper {
z-index: 9999 !important;
}