Skip to content
This repository has been archived by the owner on Jan 17, 2023. It is now read-only.

Fix #3241 : Moved buttons from right to left #3412

Merged
merged 4 commits into from
Aug 29, 2017
Merged

Fix #3241 : Moved buttons from right to left #3412

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
de8d239
shifted buttons from right to left
ankita240796 Aug 27, 2017
bbb07ee
swapped text and image on save button
ankita240796 Aug 27, 2017
a96fa66
fixed the buttons
ankita240796 Aug 29, 2017
d23a761
adjusted position of image
ankita240796 Aug 29, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
21 changes: 18 additions & 3 deletions static/css/inline-selection.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -209,7 +209,12 @@ $very-light-grey: #ededed;
@include flex-container(row, center, center);
bottom: -55px;
position: absolute;
right: 5px;
html[dir="rtl"] & {
left: 5px;
}
html[dir="ltr"] & {
right: 5px;
}
z-index: 6;

.bottom-selection & {
Expand Down Expand Up @@ -238,13 +243,23 @@ $very-light-grey: #ededed;
@extend .button;
@extend .primary;
background-image: url("MOZ_EXTENSION/icons/cloud.svg");
background-position: 8px center;
html[dir="ltr"] & {
background-position: 8px center;
}
html[dir="rtl"] & {
background-position: 65px center;
}
background-repeat: no-repeat;
background-size: 20px 18px;
font-size: 18px;
margin: 5px;
min-width: 80px;
padding-left: 34px;
html[dir="ltr"] & {
padding-left: 34px;
}
html[dir="rtl"] & {
padding-right: 40px;
}
}

.highlight-button-download {
Expand Down