Skip to content

[4.0] Align sidebar icon #27156

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
infograf768 merged 8 commits into from
Nov 27, 2019
Merged

[4.0] Align sidebar icon #27156

Changes from 3 commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
95c3763
init
ciar4n Nov 24, 2019
c0b49b4
Update _sidebar.scss
ciar4n Nov 26, 2019
0f6b01e
Update _sidebar.scss
ciar4n Nov 26, 2019
bfed5a4
sort rtl
ciar4n Nov 26, 2019
697f52f
fix badges
ciar4n Nov 26, 2019
fe2b264
Merge branch '4.0-dev' into side-icon-align
infograf768 Nov 26, 2019
ae586ee
Merge branch '4.0-dev' into side-icon-align
infograf768 Nov 27, 2019
9166828
move rtl to sidebar scss
ciar4n Nov 27, 2019
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
34 changes: 18 additions & 16 deletions administrator/templates/atum/scss/blocks/_sidebar.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -221,6 +221,7 @@

// All links
a {
display: flex;
position: relative;
color: var(--atum-text-light);

Expand All @@ -238,7 +239,6 @@
}

> a {
display: block;
padding: 0 0.35rem;

&:hover {
Expand Down Expand Up @@ -269,7 +269,6 @@
}

a {
display: block;
padding: 0 1rem 0 2.4rem;
color: var(--atum-text-light);
font-size: 0.9rem;
Expand Down Expand Up @@ -357,7 +356,7 @@
}

.home-image {
padding: 0 0.4rem 0;
padding: .7rem .4rem;
}

.mm-collapse {
Expand All @@ -379,25 +378,28 @@
}

// Dropdown indicator
.has-arrow::after {
position: absolute;
top: 0.8rem;
right: 1.4rem;
width: .5rem;
height: .5rem;
color: var(--atum-text-light);
content: "\f054";
font-weight: 900;
font-family: "Font Awesome 5 Free";
transition: all .3s ease-out;
.has-arrow {
.sidebar-item-title {
margin-right: auto;

@C-Lodder C-Lodder Nov 26, 2019 •
edited
Loading

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more. 

& [dir=rtl] {
  margin-left: auto;
}

this might fix the RTL issue @infograf768 mentioned

}

&::after {
display: flex;
align-items: center;
justify-content: center;
width: 1.5rem;
color: var(--atum-text-light);
content: "\f054";
font-weight: 900;
font-family: "Font Awesome 5 Free";
transition: all .3s ease-out;
}
}

.mm-active {

> .has-arrow::after {
filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
transform: rotate(90deg);
transform-origin: 0.4rem 0.7rem;
}
}

Expand Down