nki/phanpy
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

This .plain conflicted with other styles, so create .plain2

Browse source 
Also… this looks completely different on Mobile Safari (iPhone)...

Maybe due to a better screen...
This commit is contained in:
Lim Chee Aun 2022-12-11 15:00:51 +08:00
parent aeceb94219
commit fe6bdfdeb3
2 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/status.jsx
View file

@ -849,7 +849,7 @@ function Status({ statusID, status, withinContext, size = 'm', skeleton }) {
<span />
<button
type="button"
class="carousel-button plain"
class="carousel-button plain2"
onClick={() => setShowMediaModal(false)}
>
<Icon icon="x" />
@ -859,7 +859,7 @@ function Status({ statusID, status, withinContext, size = 'm', skeleton }) {
<div class="carousel-controls">
<button
type="button"
class="carousel-button plain"
class="carousel-button plain2"
hidden={showMediaModal === 0}
onClick={(e) => {
e.preventDefault();
@ -892,7 +892,7 @@ function Status({ statusID, status, withinContext, size = 'm', skeleton }) {
</span>
<button
type="button"
class="carousel-button plain"
class="carousel-button plain2"
hidden={showMediaModal === mediaAttachments.length - 1}
onClick={(e) => {
e.preventDefault();

7
src/index.css
View file

@ -121,6 +121,11 @@ button > * {
}
:is(button, .button).plain {
background-color: transparent;
color: var(--link-color);
backdrop-filter: blur(12px);
}
:is(button, .button).plain2 {
background-color: transparent;
color: var(--link-color);
backdrop-filter: blur(12px) invert(.25) brightness(1.5);
@ -170,7 +175,7 @@ select.plain {
img:hover, video:hover {
filter: brightness(1);
}
:is(button, .button).plain {
:is(button, .button).plain2 {
backdrop-filter: blur(12px) brightness(.5);
}
}