Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-01-22 16:46:28 +01:00
Code Issues Projects Releases Packages 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 /> <span />
<button <button
type="button" type="button"
class="carousel-button plain" class="carousel-button plain2"
onClick={() => setShowMediaModal(false)} onClick={() => setShowMediaModal(false)}
> >
<Icon icon="x" /> <Icon icon="x" />
@ -859,7 +859,7 @@ function Status({ statusID, status, withinContext, size = 'm', skeleton }) {
<div class="carousel-controls"> <div class="carousel-controls">
<button <button
type="button" type="button"
class="carousel-button plain" class="carousel-button plain2"
hidden={showMediaModal === 0} hidden={showMediaModal === 0}
onClick={(e) => { onClick={(e) => {
e.preventDefault(); e.preventDefault();
@ -892,7 +892,7 @@ function Status({ statusID, status, withinContext, size = 'm', skeleton }) {
</span> </span>
<button <button
type="button" type="button"
class="carousel-button plain" class="carousel-button plain2"
hidden={showMediaModal === mediaAttachments.length - 1} hidden={showMediaModal === mediaAttachments.length - 1}
onClick={(e) => { onClick={(e) => {
e.preventDefault(); e.preventDefault();

7
src/index.css
View file

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