Skip to content
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.

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

Add tags to all settings applied only in desktop view #116

Open
wants to merge 2 commits into
base: master
Choose a base branch
from

Conversation

PeeterPaal
Copy link
Contributor

@PeeterPaal PeeterPaal commented Oct 14, 2022

To help differentiate settings that are only applied in desktop view, add a "desktop" icon to all such settings.

Closes #112

Tag is added to following settings:

  • Front page header

    • Content position
  • Navigation

    • Menu alignment
    • Side menu width
    • Maximum number of top menu pages
    • Active page indicator
  • Blog layout

    • Blog layout
  • Block settings

    • Maximum width
    • Column distribution
    • Maximum column width
    • Minimum column width
    • Space between columns
    • Column distribution

Screenshot 2022-10-25 at 12 44 48

@PeeterPaal PeeterPaal added the enhancement New feature or request label Oct 14, 2022
@PeeterPaal PeeterPaal self-assigned this Oct 14, 2022
Copy link
Contributor

@pxska pxska left a comment

Choose a reason for hiding this comment

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

Once we've also added the translation – looks good!

I also thought about using a mobile/desktop icon rather than a piece of text, but I guess text is more obvious.

@PeeterPaal PeeterPaal requested a review from pxska October 21, 2022 08:15
Copy link
Contributor

@pxska pxska left a comment

Choose a reason for hiding this comment

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

As we might want to consult with the designer here about the exact placement & size of the icon, I'm going to mark this as red as of right now.

</svg>

{%- capture "desktop-icon" -%}
<svg width="24" height="24" class="mar_l-4"><use href="#ico-desktop"></use></svg>
Copy link
Contributor

Choose a reason for hiding this comment

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

I would probably make the width and height values the same value as the container's line-height (which in this case is 22px), because it might look more natural that way. We might want to consult with the designer here.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Help differentiating settings options that only work on desktop view
2 participants