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

[AUT-3941] Quick wins redesign #4143

Open
wants to merge 8 commits into
base: develop
Choose a base branch
from

Conversation

KirylHatalski
Copy link
Contributor

@KirylHatalski KirylHatalski commented Nov 29, 2024

AUT-3941
Figma

Quick wins redesign, usability upgrades.
Feature flag is FEATURE_FLAG_QUICK_WINS_ENABLED

image

Copy link

github-actions bot commented Nov 29, 2024

Front-end summary Node 18

💯 Total ✅ Passed ⏭️ Skipped ❌ Failed
241 241 0 0

@KirylHatalski KirylHatalski changed the title [WIP] [AUT-3941] Quick wins redesign [AUT-3941] Quick wins redesign Dec 2, 2024
@KirylHatalski KirylHatalski marked this pull request as ready for review December 2, 2024 15:56
Copy link
Contributor

@tikhanovichA tikhanovichA left a comment

Choose a reason for hiding this comment

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

Tested locally
Review Checklist

  • New code is covered by tests (if applicable)
  • Tests are running successfully (old and new ones) on my local machine (if applicable)
  • New code is respecting code style rules
  • New code is respecting best practices
  • New code is not subject to concurrency issues (if applicable)
  • Feature is working correctly on my local machine (if applicable)
  • Acceptance criteria are respected
  • Pull request title and description are meaningful
  • Pull request's target is not master
  • Commits are following conventional commits
  • Commits messages are meaningful
  • Commits are atomic
  • Changelog is updated according to changes (if applicable)
  • Documentation is updated according to changes (if applicable)

@KirylHatalski KirylHatalski force-pushed the feat/AUT-3941/quick-wins-redesign branch from feaea7a to cebb942 Compare December 12, 2024 13:56
@KirylHatalski KirylHatalski force-pushed the feat/AUT-3941/quick-wins-redesign branch from cebb942 to 9907acb Compare December 12, 2024 13:56
@KirylHatalski KirylHatalski force-pushed the feat/AUT-3941/quick-wins-redesign branch from 9907acb to 8b82e7a Compare December 12, 2024 13:56
@KirylHatalski KirylHatalski force-pushed the feat/AUT-3941/quick-wins-redesign branch from 8b82e7a to 68d6091 Compare December 12, 2024 13:57
@KirylHatalski KirylHatalski force-pushed the feat/AUT-3941/quick-wins-redesign branch from 68d6091 to 2a9be37 Compare December 12, 2024 13:57
Copy link
Contributor

@jsconan jsconan left a comment

Choose a reason for hiding this comment

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

Personally, I'm not a great supporter of this new design, which I found very dated, inconsistent and not intuitive... Anyway, it works.
Regarding code change, I have a few suggestions, please look below.

Comment on lines 5 to 9
<?php if(Layout::isQuickWinsDesignEnabled()): ?>
<li data-env="user" class="li-logout">
<?php else: ?>
<li data-env="user" class="li-logout<?php if(!empty($userLabel) && print ' sep-before')?>">
<?php endif; ?>
Copy link
Contributor

Choose a reason for hiding this comment

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

suggestion: A good habit is to leave the place in a better shape than it was before. Rather that adding complexity, consider simplifying and improving.

Suggested change
<?php if(Layout::isQuickWinsDesignEnabled()): ?>
<li data-env="user" class="li-logout">
<?php else: ?>
<li data-env="user" class="li-logout<?php if(!empty($userLabel) && print ' sep-before')?>">
<?php endif; ?>
<li data-env="user" class="li-logout<?= !empty($userLabel) && !Layout::isQuickWinsDesignEnabled() ? ' sep-before' : '' ?>">

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Changed

<?php if(!Layout::isQuickWinsDesignEnabled()): ?>
<img src="<?=$releaseMsgData['logo']?>" alt="TAO Logo" id="tao-main-logo"/>
<?php else: ?>
<svg xmlns="http://www.w3.org/2000/svg" width="75" height="47" viewBox="0 0 75 47" fill="none" id="tao-main-logo">
Copy link
Contributor

Choose a reason for hiding this comment

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

question: Why not use a file instead? Inline images make the code heavy, and it should only be used when no other choice exists.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Moved to file and pathed via BE

@@ -276,3 +276,346 @@
body.oversized-nav:not(.delivery-scope) {
@include mobile-search();
}


body.qc-wins {
Copy link
Contributor

Choose a reason for hiding this comment

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

suggestion: A better approach would be to create another set of SCSS files. Like here: https://github.com/oat-sa/tao-core/tree/master/views/scss/inc/solar
This would better scope the change and would ease later updates.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

This changes will replace original styles in the last development phases, so I decided to keep it by this manner.

Copy link

Version

Target Version 54.29.0
Last version 54.28.4

There are 0 BREAKING CHANGE, 8 features, 0 fix

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

Successfully merging this pull request may close these issues.

3 participants