forked from mirrors/amputoma-fe
some minor tweaks
This commit is contained in:
parent
87c716cb59
commit
358e7ea049
3 changed files with 24 additions and 5 deletions
|
@ -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;
|
||||||
|
|
|
@ -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);
|
||||||
|
|
|
@ -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") }}
|
||||||
|
|
Loading…
Add table
Reference in a new issue