Skip to content

Fixes more apps menu and settings/user menu positions - #10723

Merged
skjnldsv merged 3 commits into
masterfrom
fix/10722/10716/header-fixes
Aug 20, 2018
Merged

Fixes more apps menu and settings/user menu positions#10723
skjnldsv merged 3 commits into
masterfrom
fix/10722/10716/header-fixes

Conversation

@weeman1337

Copy link
Copy Markdown
Member
  • Sets the more apps menu container a width of 0. There is now no risk to catch clicks.
    image

closes#10716

  • Also tweaks the settings/user menu triangle position

closes#10722

Tested in latest Chrome, Edge, Firefox and Safari.

Signed-off-by: Michael Weimann <mail@michael-weimann.eu>
@weeman1337weeman1337 added bug design Design, UI, UX, etc. 3. to review Waiting for reviews labels Aug 16, 2018
@weeman1337weeman1337 added this to the Nextcloud 14 milestone Aug 16, 2018
blizzz
blizzz previously approved these changes Aug 17, 2018

@blizzzblizzz left a comment

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.

⚫🧙 ;) works and looks good. No idea whether it could have other implications, but on first sight all looks fine.

@skjnldsvskjnldsv left a comment

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.

To fix the settings menu, this property needs to be !important or have a higher selector weight :)

right: 17px;

See other comments otherwise! ;)
Thanks again for taking care of this!

Comment threadcore/css/header.scss Outdated
position: absolute;
pointer-events: none;
right: 10px;
right: 22px;

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.

This is breaking the other menus.
capture d ecran_2018-08-17_15-57-15

Copy link
Copy Markdown
MemberAuthor

Choose a reason for hiding this comment

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

Good finding!

Comment threadcore/css/header.scss Outdated
nav[role='navigation'] {
display: inline-block;
width: $header-height;
width: 0;

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.

I'm not fond of hacks like that, I could prefer a proper :

li#more-apps {
z-index:2;
}

:)

@blizzz
blizzz dismissed their stale reviewAugust 17, 2018 14:20

I better be silent about CSS :)

Signed-off-by: Michael Weimann <mail@michael-weimann.eu>
Comment threadcore/css/header.scss
}

#expanddiv:after {
right: 22px;

@skjnldsvskjnldsvAug 17, 2018

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.

This or

#expanddiv {
&.menu {
right: 17px;
}

Pick one ;)

Copy link
Copy Markdown
MemberAuthor

Choose a reason for hiding this comment

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

✓ done

Signed-off-by: Michael Weimann <mail@michael-weimann.eu>
@skjnldsv
skjnldsv merged commit 0805729 into masterAug 20, 2018
@skjnldsv
skjnldsv deleted the fix/10722/10716/header-fixes branch August 20, 2018 13:22
@weeman1337weeman1337 mentioned this pull request Aug 21, 2018
@rullzerrullzer mentioned this pull request Aug 24, 2018
3 tasks
@MorrisJobkeMorrisJobke mentioned this pull request Aug 24, 2018
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

3. to reviewWaiting for reviewsbugdesignDesign, UI, UX, etc.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Settings/user menu misaligned More apps menu not position in the right place

4 participants

@weeman1337@MorrisJobke@blizzz@skjnldsv