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

Replace blue-text buttons on carousel modal

Browse source
This commit is contained in:
Lim Chee Aun 2023-01-24 11:32:33 +08:00
parent cdb5435796
commit 51eaf4f1f2
2 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/status.jsx
View file

@ -1355,7 +1355,7 @@ function Carousel({ mediaAttachments, index = 0, onClose = () => {} }) {
<span>
<button
type="button"
class="carousel-button plain2"
class="carousel-button plain3"
onClick={() => onClose()}
>
<Icon icon="x" />
@ -1391,7 +1391,7 @@ function Carousel({ mediaAttachments, index = 0, onClose = () => {} }) {
mediaAttachments[currentIndex]?.url
}
target="_blank"
class="button carousel-button plain2"
class="button carousel-button plain3"
title="Open original media in new window"
>
<Icon icon="popout" alt="Open original media in new window" />
@ -1402,7 +1402,7 @@ function Carousel({ mediaAttachments, index = 0, onClose = () => {} }) {
<div class="carousel-controls" hidden={!showControls}>
<button
type="button"
class="carousel-button plain2"
class="carousel-button plain3"
hidden={currentIndex === 0}
onClick={(e) => {
e.preventDefault();
@ -1417,7 +1417,7 @@ function Carousel({ mediaAttachments, index = 0, onClose = () => {} }) {
</button>
<button
type="button"
class="carousel-button plain2"
class="carousel-button plain3"
hidden={currentIndex === mediaAttachments.length - 1}
onClick={(e) => {
e.preventDefault();

5
src/index.css
View file

@ -162,6 +162,11 @@ button,
color: var(--link-color);
backdrop-filter: blur(12px) invert(0.25) brightness(1.5);
}
:is(button, .button).plain3 {
background-color: transparent;
color: var(--button-text-color);
backdrop-filter: blur(12px) invert(0.25);
}
:is(button, .button).light {
background-color: var(--bg-faded-color);
color: var(--text-color);