Skip to content

YAML RTL #25

Closed
Closed

Description

@Alexnoj

Can you add option change direction of YAML to RTL?

Activity

  1. esm7 commented on Oct 27, 2021

    @esm7
    Owner

    Can you elaborate on what you mean?
    When I enter YAML in a note (using "```") it seems to right-align just like the rest of the note, even in preview mode.

  2. esm7 commented on Oct 27, 2021

    @esm7
    Owner

    I see how that if I use "```yaml" to open the block, the preview is left-aligned. Is that what you mean?

  3. Alexnoj commented on Oct 27, 2021

    @Alexnoj
    Author

    2
    1
    Capture

  4. esm7 commented on Oct 28, 2021

    @esm7
    Owner

    Got it, will work on a fix that should also be more modular than previous similar issues.

  5. Alexnoj commented on Oct 28, 2021

    @Alexnoj
    Author

    תודה רבה

  6. esm7 commented on Nov 14, 2021

    @esm7
    Owner

    Just released 0.1.0 which added configurable support for this. It's not as generic as I wanted, but it's half way there.

  7. RoqaiaRF commented on Sep 3, 2023

    @RoqaiaRF

    @esm7 cool ! how can i now use the rtl
    i want to change this content to RTL :

    code (index.md) :

    ---
    layout: home
    title: توثيق الانظمة
    titleTemplate: قسم الانظمة والدعم الفني
        
    hero:
      name:  توثيق الانظمة
      text:  قسم الانظمة والدعم الفني
    
      tagline: تجد هنا كل ما تحتاجه لحل مشاكلك في القسم
      actions:
        - theme: brand
          text: ابدأ من هنا
          link: /home
        - theme: alt
          text: رابط المشروع
          link: https://github.com/RoqaiaRF/docs
      # image:
      #   src: /images/logo.png
    
    features:
      - icon: 📝
        title: انغمس في دروس أنظمة تكنولوجيا المعلومات
        details: امتحن نفسك في دليل شامل لأنظمة مختلفة داخل قسم تكنولوجيا المعلومات. قم بإنشاء وثائق مفصلة بسهولة تبسط المفاهيم المعقدة.
        
      - icon: 💻
        title: استكشف مزايا تكنولوجيا المعلومات
        details: اكتشف تجربة تكنولوجيا المعلومات الاستثنائية مع إطلاق الأنظمة السريعة والتحديثات السريعة والتكامل السلس للوحدات الإضافية المتقدمة.
    
      - icon: ☑️
        title: تخصيص بالابتكار
        details: أضف الابتكار إلى وثائقك. ادمج بنية ومكونات Vue مباشرة أو قم بإنشاء سمات فريدة باستخدام Vue لعرض الأنظمة بأسلوبك الخاص.
    
      - icon: 🚀
        title: استمتع بفهم سريع
        details: سهل فهم المعقدات. حقق فهمًا سريعًا من خلال شروحات مباشرة، مما يضمن فهمًا سهلاً لأنظمة تكنولوجيا المعلومات المعقدة.
    ---
    <style>
    :root {
      --vp-home-hero-name-color: transparent;
      --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #BDBDBD 30%, #6699cc);
    
      --vp-home-hero-image-background-image: linear-gradient(-45deg, #BDBDBD 50%, #ebedf3 50%);
      --vp-home-hero-image-filter: blur(40px);
    }
    
    @media (min-width: 640px) {
      :root {
        --vp-home-hero-image-filter: blur(56px);
      }
    }
    
    @media (min-width: 960px) {
      :root {
        --vp-home-hero-image-filter: blur(72px);
      }
    }
    </style>
    
  8. esm7 commented on Sep 12, 2023

    @esm7
    Owner

    There is an option in the plugin settings called "set YAML direction in preview", which will hopefully do what you want.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions