Skip to content

Commit 403580b

Browse files
committed
Fixed back-to-top button position for right-to-left languages
1 parent cffb592 commit 403580b

File tree

5 files changed

+12
-5
lines changed

5 files changed

+12
-5
lines changed

material/assets/stylesheets/main.db9e7362.min.css renamed to material/assets/stylesheets/main.cdeb8541.min.css

+2-2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

material/assets/stylesheets/main.cdeb8541.min.css.map

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

material/assets/stylesheets/main.db9e7362.min.css.map

-1
This file was deleted.

material/base.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939
{% endif %}
4040
{% endblock %}
4141
{% block styles %}
42-
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.db9e7362.min.css' | url }}">
42+
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.cdeb8541.min.css' | url }}">
4343
{% if config.theme.palette %}
4444
{% set palette = config.theme.palette %}
4545
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.3f5d1f46.min.css' | url }}">

src/assets/stylesheets/main/layout/_top.scss

+8-1
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,9 @@
5353

5454
// Adjust for right-to-left languages
5555
[dir="rtl"] & {
56-
float: left;
56+
margin-right: 50%;
57+
margin-left: initial;
58+
transform: translate(50%, 0);
5759
}
5860

5961
// Back-to-top button in hidden state
@@ -62,6 +64,11 @@
6264
opacity: 0;
6365
transition-duration: 0ms;
6466
pointer-events: none;
67+
68+
// Adjust for right-to-left languages
69+
[dir="rtl"] & {
70+
transform: translate(50%, px2rem(4px));
71+
}
6572
}
6673

6774
// Back-to-top button on focus/hover

0 commit comments

Comments
 (0)