mohammadrafigh / bulma-rtl Goto Github PK

Are you planning to update bulma-rtl to latest bulma? If not then how can I? I don't work with web tech that much.

please add the following code to bulma :

.input , .panel-heading {

    text-align: right;
}

first of all, thanks for rtl this library

1. please update framework to last version
2. for .navbar-dropdown you must add a class with is-left name for align dropdown menu to the left, because right is default for rtl mode

https://github.com/mohammadrafigh/bulma-rtl/blob/9d8db498470a33f532a85e13a428c8b3205a1628/sass/components/navbar.sass#L341,L343

This is about the Docs, more specifically, i've been having an issue with the import statement as it's recommended in the README.md file
As said in the file above i should use import 'bulma/css/bulma-rtl.css' to import the css file from bulma-rtl
The error i ran into was as described bellow:

This dependency was not found: bulma/css/bulma-rtl.css in ./src/main.js

This package obviously gets installed on it's own name which is bulma-rtl not bulma
So i believe,
Instead of this:
import 'bulma/css/bulma-rtl.css'
This is the way to import bulma-rtl:
import 'bulma-rtl/css/bulma-rtl.css'

I've use yarn to install this dependency and changing the import statement fixed the trouble

This is about Bulma.

Is it about Bulma or about the Docs? : bulma

Is it a bug/feature/question or do you need help? : bug

If it's a bug, is it a browser bug? : no

Overview of the problem

This is about the Bulma CSS framework

I'm using Bulma version [0.7.1]
My browser is: Chrome and Firefox

Description

the classes tag has-addons and is-delete are using the LTR direction

Steps to Reproduce

Expected behavior

Actual behavior

Is it about Bulma or about the Docs? Bulma
Is it a bug/feature/question or do you need help? Bug
If it's a bug, is it a browser bug? No

Overview of the problem

This is about the Bulma CSS framework
I'm using Bulma version [0.7.1]
My browser is: Chrome

Description

the loading indicator when we add the class "is-loading" in the select tag
has the wrong positioning

Steps to Reproduce

<div class="field">
       <label class="label">Type</label><div class="control">
       <div class="select is-loading">    <----- is-loading class !
              <select>
                      <option value="1">Type1</option>
                      <option value="2">Type2</option>
                      <option value="3">Dynamicly Added</option>
              </select>
       </div><p class="help">choose a type</p></div>
</div>

Expected behavior

the loading indicator should be on the left side

Actual behavior

the loading indicator in the right side also overlapping inside text

This is about Bulma.

Hi this is a duplicate of this bulma issue: jgthms#3333
since the problem applies here as well.

Full text below:

Overview of the problem
This is about the Bulma CSS framework
I'm using Bulma version [0.9.2]
This is a Sass issue: I'm using version [1.33.0]
I am sure this issue is not a duplicate

Description
Usage of slash division will be deprecated in sass 2.0.0 and now my console gets polluted with deprecation warnings.
https://sass-lang.com/documentation/breaking-changes/slash-div

Steps to Reproduce
Update to latest sass 1.33.0
Run project
Expected behavior
No warnings.

Actual behavior
Warning for every slash used for division.
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Hi,
Are there any plans to support Bulma version 0.6.2?
Thanks!

Hi
The order of the each 'column' in 'columns' at bulma-rtl is incorrect
my code:

but my website:

I emphasize that in my css files, i don't change 'position' or 'layout'
So it happened with the bulma-rtl column

This is bug.

This is about the Bulma CSS framework
I'm using Bulma version [0.8.0]
My browser is: firefox
I am sure this issue is not a duplicate? yes

Description

After upgrade bulma-rtl from 0.7.1 to 0.8.0,some of panel not RTL.
like:

This is about Bulma.

I need help!

Hello, I have i18n in my nuxt project!
And i need the style to go LTR when the website is in EN language.
I have user vuetify before, and it has a RTL: true/false option...

Do you have something like this?
Or you know any other solution?