Content
View differences
Updated by Henriette Darge almost 3 years ago
This ticket collects all identified places where the introduction of the primer DS causes problems within the application. Therefor we start with a sample of two screenshots
# Screenshot #1
<img class="op-uc-image op-uc-image_inline" style="width:488px;" src="/api/v3/attachments/60167/content">
# Screenshot #2
<img class="op-uc-image op-uc-image_inline" style="width:620px;" src="/api/v3/attachments/60168/content">
# Screenshot #3
# <img class="op-uc-image op-uc-image_inline" style="width:274px;" src="/api/v3/attachments/60204/content">
# Screenshot #4
# <img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/60207/content"><img class="op-uc-image op-uc-image_inline" style="width:380px;" src="/api/v3/attachments/60209/content">
# Screenshot #5
# <img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/60213/content">
# Screenshot #6
# <img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/60217/content">
# Screenshot #7
# <img class="op-uc-image op-uc-image_inline" style="width:724px;" src="/api/v3/attachments/60223/content">
# To Do
**Class name conflicts**
* [x] Dropdowns (e.g. on create WP button) --> _.dropdown_
* [x] Flashes (mostly rails rendered, see also picture 1) --> _.flash_
* [x] Menu header in Backlogs overview --> _.menu_
**Other issues taken from the screenshots**
* [x] Dropdowns do not work (see class conflict above)
* [x] (#2) Activity headlines are too big (due to being a h3 which is semantically wrong)
* [x] (#1) Flash message is broken
* [x] (#2) Different link colours
* [x] (#1, #2, #4) Different icon colours
* [ ] (#1, #2) Different font size (for labels and icons)
* [ ] (#2, #3, #5, #7) Font weight changed
* [x] (#1, #2) The font is different
* [x] (#3) cdkdraghandle is misaligned
* [x] (#6) The header of backlog table is broken due to the drop-down pull-down icon changes.
* [x] (#7) Baseline modal styles are broken, selected filters are bold and time zone box is not aligned with the time input.
* [ ] Toolbar buttons have a hover effect (underline)
* [ ] Font color has changed
# **Out of scope**
**Same name but in upper case**
* [x] ~~.box (Beta viewComponent —> border\_box.css)~~
* [x] ~~.button (Beta viewComponent)~~
* [x] ~~.header (PrimerCSS)~~
# Screenshot #1
<img class="op-uc-image op-uc-image_inline" style="width:488px;" src="/api/v3/attachments/60167/content">
# Screenshot #2
<img class="op-uc-image op-uc-image_inline" style="width:620px;" src="/api/v3/attachments/60168/content">
# Screenshot #3
# <img class="op-uc-image op-uc-image_inline" style="width:274px;" src="/api/v3/attachments/60204/content">
# Screenshot #4
# <img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/60207/content"><img class="op-uc-image op-uc-image_inline" style="width:380px;" src="/api/v3/attachments/60209/content">
# Screenshot #5
# <img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/60213/content">
# Screenshot #6
# <img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/60217/content">
# Screenshot #7
# <img class="op-uc-image op-uc-image_inline" style="width:724px;" src="/api/v3/attachments/60223/content">
# To Do
**Class name conflicts**
* [x] Dropdowns (e.g. on create WP button) --> _.dropdown_
* [x] Flashes (mostly rails rendered, see also picture 1) --> _.flash_
* [x] Menu header in Backlogs overview --> _.menu_
**Other issues taken from the screenshots**
* [x] Dropdowns do not work (see class conflict above)
* [x] (#2) Activity headlines are too big (due to being a h3 which is semantically wrong)
* [x] (#1) Flash message is broken
* [x] (#2) Different link colours
* [x] (#1, #2, #4) Different icon colours
* [ ] (#1, #2) Different font size (for labels and icons)
* [ ] (#2, #3, #5, #7) Font weight changed
* [x] (#1, #2) The font is different
* [x] (#3) cdkdraghandle is misaligned
* [x] (#6) The header of backlog table is broken due to the drop-down pull-down icon changes.
* [x] (#7) Baseline modal styles are broken, selected filters are bold and time zone box is not aligned with the time input.
* [ ] Toolbar buttons have a hover effect (underline)
* [ ] Font color has changed
# **Out of scope**
**Same name but in upper case**
* [x] ~~.box (Beta viewComponent —> border\_box.css)~~
* [x] ~~.button (Beta viewComponent)~~
* [x] ~~.header (PrimerCSS)~~