Skip to content
This repository was archived by the owner on May 4, 2022. It is now read-only.

fix(ui): Fix clipping app options on small screens#713

Merged
thevoiceofzeke merged 2 commits intouPortal-Attic:masterfrom
thevoiceofzeke:toggle
Sep 29, 2017
Merged

fix(ui): Fix clipping app options on small screens#713
thevoiceofzeke merged 2 commits intouPortal-Attic:masterfrom
thevoiceofzeke:toggle

Conversation

@thevoiceofzeke
Copy link
Contributor

In this PR:

  • In mobile app options, replace widget toggle with regular menu item
  • Change "add more to home" => "add more" on small screens to avoid clipping

Screenshots

screen shot 2017-09-28 at 11 48 42 am
screen shot 2017-09-28 at 11 48 49 am
screen shot 2017-09-28 at 11 48 57 am


Contributor License Agreement adherence:

<md-icon>add</md-icon> Add more to home
</span>
<span ng-if="!GuestMode" hide-gt-sm>
<md-icon>add</md-icon> Add more
Copy link
Contributor

Choose a reason for hiding this comment

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

Does this need some kind of ARIA treatment so that a non-visual user will understand what it is inviting the user to add more of?

<!-- MEDIUM AND LARGE SCREENS -->
<div layout="row" layout-align="end center" hide-xs>
<md-button ng-href="apps" class="md-primary">
<md-button ng-href="apps" class="md-primary" aria-label="Add more apps to home">
Copy link
Contributor

Choose a reason for hiding this comment

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

How about aria-label="Browse app directory" so that the same aria-label makes sense whether in guest mode or not?

@thevoiceofzeke thevoiceofzeke merged commit 0107498 into uPortal-Attic:master Sep 29, 2017
@davidmsibley davidmsibley added this to the 7.0.3 milestone Oct 9, 2017
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants