lamp/akkoma-fe
1
0
Fork 0
forked from AkkomaGang/akkoma-fe
Code Pull requests Activity

update styles in preview heading

Browse source
This commit is contained in:
Shpuld Shpuldson 2020-06-28 12:35:05 +03:00
parent 223fabfe90
commit 3d5da3caf9
1 changed files with 6 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/post_status_form/post_status_form.vue
View file

@ -18,7 +18,7 @@
<div class="form-group"> <div class="form-group">
<a <a
v-if="newStatus.contentType !== 'text/plain' && !showPreview" v-if="newStatus.contentType !== 'text/plain' && !showPreview"
class="preview-start faint" class="preview-start"
type="button" type="button"
@click.stop.prevent="previewStatus(newStatus)" @click.stop.prevent="previewStatus(newStatus)"
> >
@ -29,7 +29,7 @@
class="preview-container" class="preview-container"
> >
<span class="preview-heading"> <span class="preview-heading">
<span class="faint preview-title"> <span class="preview-title">
{{ $t('status.status_preview') }} {{ $t('status.status_preview') }}
</span> </span>
<i <i
@ -38,7 +38,7 @@
/> />
<a <a
v-else v-else
class="faint preview-update" class="preview-update"
@click.stop.prevent="previewStatus(newStatus)" @click.stop.prevent="previewStatus(newStatus)"
> >
{{ $t('status.preview_update') }} {{ $t('status.preview_update') }}
@ -382,9 +382,6 @@
.preview-start { .preview-start {
margin-left: auto; margin-left: auto;
cursor: pointer; cursor: pointer;
&:hover {
text-decoration: underline;
}
} }
.preview-container { .preview-container {
@ -394,6 +391,8 @@
.preview-heading { .preview-heading {
display: flex; display: flex;
width: 100%; width: 100%;
color: $fallback--faint;
color: var(--faint, $fallback--faint);
} }
.preview-title { .preview-title {
@ -406,15 +405,12 @@
.preview-update { .preview-update {
cursor: pointer; cursor: pointer;
&:hover {
text-decoration: underline;
}
} }
.preview-error { .preview-error {
font-style: italic;
color: $fallback--faint; color: $fallback--faint;
color: var(--faint, $fallback--faint); color: var(--faint, $fallback--faint);
font-style: italic;
} }
.preview-status { .preview-status {