some minor tweaks

This commit is contained in:
Leafy :3 2025-02-09 03:58:57 +01:00
parent 87c716cb59
commit 358e7ea049
3 changed files with 24 additions and 5 deletions

View file

@ -41,6 +41,7 @@
cursor: pointer; cursor: pointer;
overflow: hidden; overflow: hidden;
margin-top: 0.5em; margin-top: 0.5em;
background-color: var(--btn);
.card-image { .card-image {
flex-shrink: 0; flex-shrink: 0;

View file

@ -4,6 +4,24 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.button-showmore {
background-color: var(--btn);
border-radius: var(--btnRadius);
border: none;
padding: 10px;
color: var(--link);
font-family: var(--interface);
transition: all 300ms;
width: fit-content;
margin-top: 10px;
}
.button-showmore:hover {
background-color: var(--link);
color: var(--btn);
cursor: pointer;
}
.translation { .translation {
border: 1px solid var(--accent, $fallback--link); border: 1px solid var(--accent, $fallback--link);
border-radius: var(--panelRadius, $fallback--panelRadius); border-radius: var(--panelRadius, $fallback--panelRadius);

View file

@ -16,14 +16,14 @@
/> />
<button <button
v-show="longSubject && showingLongSubject" v-show="longSubject && showingLongSubject"
class="button-unstyled -link tall-subject-hider" class="button-showmore -link tall-subject-hider"
@click.prevent="toggleShowingLongSubject" @click.prevent="toggleShowingLongSubject"
> >
{{ $t("status.hide_full_subject") }} {{ $t("status.hide_full_subject") }}
</button> </button>
<button <button
v-show="longSubject && !showingLongSubject" v-show="longSubject && !showingLongSubject"
class="button-unstyled -link tall-subject-hider" class="button-showmore -link tall-subject-hider"
@click.prevent="toggleShowingLongSubject" @click.prevent="toggleShowingLongSubject"
> >
{{ $t("status.show_full_subject") }} {{ $t("status.show_full_subject") }}
@ -35,7 +35,7 @@
> >
<button <button
v-show="hideTallStatus" v-show="hideTallStatus"
class="button-unstyled -link tall-status-hider" class="button-showmore -link tall-status-hider"
:class="{ '-focused': focused }" :class="{ '-focused': focused }"
@click.prevent="toggleShowMore" @click.prevent="toggleShowMore"
> >
@ -101,7 +101,7 @@
</div> </div>
<button <button
v-show="hideSubjectStatus" v-show="hideSubjectStatus"
class="button-unstyled -link cw-status-hider" class="button-showmore -link cw-status-hider"
@click.prevent="toggleShowMore" @click.prevent="toggleShowMore"
> >
{{ $t("status.show_content") }} {{ $t("status.show_content") }}
@ -132,7 +132,7 @@
</button> </button>
<button <button
v-show="showingMore && !fullContent" v-show="showingMore && !fullContent"
class="button-unstyled -link status-unhider" class="button-showmore -link status-unhider"
@click.prevent="toggleShowMore" @click.prevent="toggleShowMore"
> >
{{ tallStatus ? $t("general.show_less") : $t("status.hide_content") }} {{ tallStatus ? $t("general.show_less") : $t("status.hide_content") }}