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

5
src/index.css
View file

@ -162,6 +162,11 @@ button,
color: var(--link-color); color: var(--link-color);
backdrop-filter: blur(12px) invert(0.25) brightness(1.5); 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 { :is(button, .button).light {
background-color: var(--bg-faded-color); background-color: var(--bg-faded-color);
color: var(--text-color); color: var(--text-color);