•  


Fix $link-decoration and $link-hover-decoration conditionals · Issue #39204 · twbs/bootstrap · GitHub
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

Fix $link-decoration and $link-hover-decoration conditionals #39204

Open
3 tasks done
jcandan opened this issue Sep 19, 2023 · 0 comments · May be fixed by #39934
Open
3 tasks done

Fix $link-decoration and $link-hover-decoration conditionals #39204

jcandan opened this issue Sep 19, 2023 · 0 comments · May be fixed by #39934
Labels

Comments

@jcandan
Copy link

Prerequisites

Describe the issue

#30262 and 7fc4037 introduced a bug.

scss/_buttons.scss
  32,20:   text-decoration: if($link-decoration == none, null, none);
  45,22:     text-decoration: if($link-hover-decoration == underline, none, null);
scss/_card.scss
  94,22:     text-decoration: if($link-hover-decoration == underline, none, null);
scss/_dropdown.scss
  183,20:   text-decoration: if($link-decoration == none, null, none);
  192,22:     text-decoration: if($link-hover-decoration == underline, none, null);
scss/_list-group.scss
  80,20:   text-decoration: if($link-decoration == none, null, none);
scss/_nav.scss
  30,20:   text-decoration: if($link-decoration == none, null, none);
  38,22:     text-decoration: if($link-hover-decoration == underline, none, null);
scss/_navbar.scss
  71,20:   text-decoration: if($link-decoration == none, null, none);
  77,22:     text-decoration: if($link-hover-decoration == underline, none, null);
scss/_pagination.scss
  35,20:   text-decoration: if($link-decoration == none, null, none);
  43,22:     text-decoration: if($link-hover-decoration == underline, none, null);

It seems the above attempts to make the link decoration DRY by not including this text-decoration property when the value matches the a particular value.

For example, a .nav-link 's text-decoration property would already be set to underline by default, so set it to none here, and a redundant text-decoration property will not be generated. However, this does not take into account other values: only underline and none are options. The $link-hover-decoration condition is even worse: when set to underline , it overrides it with none , otherwise its set to null and therefore not generated.

This could be fixed with adjusted condition logic:

text-decoration: if($link-decoration == none, null, $link-decoration);
@if ($link-hover-decoration != underline) { text-decoration: $link-hover-decoration;}

Reduced test cases

https://codepen.io/jcandan/pen/PoXOwzK

What operating system(s) are you seeing the problem on?

macOS

What browser(s) are you seeing the problem on?

Chrome

What version of Bootstrap are you using?

5.3.2

Sign up for free to join this conversation on GitHub . Already have an account? Sign in to comment
Labels
Projects
Status: To analyze
Development

Successfully merging a pull request may close this issue.

2 participants
- "漢字路" 한글한자자동변환 서비스는 교육부 고전문헌국역지원사업의 지원으로 구축되었습니다.
- "漢字路" 한글한자자동변환 서비스는 전통문화연구회 "울산대학교한국어처리연구실 옥철영(IT융합전공)교수팀"에서 개발한 한글한자자동변환기를 바탕하여 지속적으로 공동 연구 개발하고 있는 서비스입니다.
- 현재 고유명사(인명, 지명등)을 비롯한 여러 변환오류가 있으며 이를 해결하고자 많은 연구 개발을 진행하고자 하고 있습니다. 이를 인지하시고 다른 곳에서 인용시 한자 변환 결과를 한번 더 검토하시고 사용해 주시기 바랍니다.
- 변환오류 및 건의,문의사항은 juntong@juntong.or.kr로 메일로 보내주시면 감사하겠습니다. .
Copyright ⓒ 2020 By '전통문화연구회(傳統文化硏究會)' All Rights reserved.
 한국   대만   중국   일본