Skip to content

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

Open
PeeterPaal wants to merge 2 commits into
masterfrom
112-differentiate-desktop-settings
Open

PeeterPaal wants to merge 2 commits into
masterfrom
112-differentiate-desktop-settings

Conversation

@PeeterPaal

@PeeterPaal PeeterPaal commented Oct 14, 2022

Copy link
Copy Markdown
Contributor

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

@pxska pxska left a comment

Copy link
Copy Markdown
Contributor

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

@pxska pxska left a comment

Copy link
Copy Markdown
Contributor

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
Copy Markdown
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