Spartan/wiki
1
0
Fork 0
mirror of https://github.com/requarks/wiki.git synced 2025-02-25 18:55:30 -06:00
Code Issues Packages Projects Releases Wiki Activity

Merge 543092a250 into 403e98dced

Browse Source
This commit is contained in:
opalmay 2025-02-06 20:11:09 +08:00 committed by GitHub
commit 365b003e4e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 45 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
client/components/comments.vue
View File

@ -514,6 +514,11 @@ export default {
right: 16px;
opacity: 0;
transition: opacity .4s ease;
@at-root .is-rtl & {
right: unset;
left: 16px;
}
}
&-content {

2
client/components/editor.vue
View File

@ -1,5 +1,5 @@
<template lang="pug">
v-app.editor(:dark='$vuetify.theme.dark')
v-app.editor(:dark='$vuetify.theme.dark' :class='$vuetify.rtl ? `is-rtl` : `is-ltr`')
nav-header(dense)
template(slot='mid')
v-text-field.editor-title-input(

40
client/themes/default/scss/app.scss
View File

@ -1,5 +1,22 @@
/* THEME SPECIFIC STYLES */
// ---------------------------------
// FIX VUETIFY BROKEN RTL MARGIN
// ---------------------------------
.is-rtl {
@for $i from 1 through 8 {
.ml-#{$i} {
margin-left: 0px !important;
margin-right: ($i * 4px) !important;
}
.mr-#{$i} {
margin-left: ($i * 4px) !important;
margin-right: 0px !important;
}
}
.text-left {
text-align: right !important;
}
}
.v-main .contents {
color: mc('grey', '800');
padding: .5rem 0 50px;
@ -72,6 +89,11 @@
font-size: 1.25rem;
text-decoration: none;
color: mc('grey', '500');
@at-root .is-rtl & {
right: unset;
left: 1rem;
}
}
& + h2, & + h3, & + h4, & + h5, & + h6 {
@ -162,6 +184,10 @@
width: 100%;
height: 1px;
background: linear-gradient(to right, mc('grey', '500'), rgba(mc('grey', '500'), 0) 90%);
@at-root .is-rtl & {
background: linear-gradient(to left, mc('grey', '500'), rgba(mc('grey', '500'), 0) 90%);
}
}
}
h4, h5, h6 {
@ -182,16 +208,28 @@
width: 100%;
height: 1px;
background: linear-gradient(to right, mc('grey', '500'), rgba(mc('grey', '500'), 0) 70%);
@at-root .is-rtl & {
background: linear-gradient(to left, mc('grey', '500'), rgba(mc('grey', '500'), 0) 70%);
}
}
}
h5 {
&::after {
background: linear-gradient(to right, mc('grey', '500'), rgba(mc('grey', '500'), 0) 50%);
@at-root .is-rtl & {
background: linear-gradient(to left, mc('grey', '500'), rgba(mc('grey', '500'), 0) 50%);
}
}
}
h6 {
&::after {
background: linear-gradient(to right, mc('grey', '500'), rgba(mc('grey', '500'), 0) 30%);
@at-root .is-rtl & {
background: linear-gradient(to left, mc('grey', '500'), rgba(mc('grey', '500'), 0) 30%);
}
}
}