-
Notifications
You must be signed in to change notification settings - Fork 35
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
base: develop
Are you sure you want to change the base?
Conversation
Front-end summary Node 18
|
There was a problem hiding this 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)
feaea7a
to
cebb942
Compare
cebb942
to
9907acb
Compare
9907acb
to
8b82e7a
Compare
8b82e7a
to
68d6091
Compare
68d6091
to
2a9be37
Compare
There was a problem hiding this 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.
views/templates/blocks/logout.tpl
Outdated
<?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; ?> |
There was a problem hiding this comment.
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.
<?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' : '' ?>"> |
There was a problem hiding this comment.
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"> |
There was a problem hiding this comment.
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.
There was a problem hiding this comment.
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 { |
There was a problem hiding this comment.
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.
There was a problem hiding this comment.
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.
Version
There are 0 BREAKING CHANGE, 8 features, 0 fix |
AUT-3941
Figma
Quick wins redesign, usability upgrades.
Feature flag is FEATURE_FLAG_QUICK_WINS_ENABLED