J4 Issue ?
avatar ggppdk
ggppdk
30 Jul 2018

Steps to reproduce the issue

Try to use these in the backend

<button type="button" class="btn btn-outline-primary">Primary</button>
<button type="button" class="btn btn-outline-secondary">Secondary</button>
<button type="button" class="btn btn-outline-success">Success</button>
<button type="button" class="btn btn-outline-danger">Danger</button>
<button type="button" class="btn btn-outline-warning">Warning</button>
<button type="button" class="btn btn-outline-info">Info</button>
<button type="button" class="btn btn-outline-light">Light</button>
<button type="button" class="btn btn-outline-dark">Dark</button>

Expected result

You get result similar to
https://getbootstrap.com/docs/4.0/components/buttons/#outline-buttons

Actual result

  • No border is shown !
  • Text color is hard-coded to white

System information (as much as possible)

4.0-dev

Additional comments

If we are going to add zero border-width to .btn class
then we should exclude classes .btn-outline-*
or
find do some other better alternative

avatar ggppdk ggppdk - open - 30 Jul 2018
avatar joomla-cms-bot joomla-cms-bot - change - 30 Jul 2018
Labels Added: ?
avatar joomla-cms-bot joomla-cms-bot - labeled - 30 Jul 2018
avatar ggppdk ggppdk - change - 30 Jul 2018
Title
[4.0] Backend template breaks bootstrap 4 btn-outline-* button class by forcing zero border-width
[4.0] Backend template breaks bootstrap 4 btn-outline-* button classes by forcing zero border-width and text color
avatar ggppdk ggppdk - edited - 30 Jul 2018
avatar franz-wohlkoenig franz-wohlkoenig - change - 30 Jul 2018
Status New Discussion
avatar franz-wohlkoenig franz-wohlkoenig - change - 30 Jul 2018
Category Layout Templates (admin)
avatar brianteeman brianteeman - change - 30 Jul 2018
Labels Added: J4 Issue
avatar brianteeman brianteeman - labeled - 30 Jul 2018
avatar ciar4n
ciar4n - comment - 31 Jul 2018

To my knowledge, bootstrap does not allow us to disable btn-outlines-*.

avatar ciar4n
ciar4n - comment - 31 Jul 2018

PR created.. #21322

avatar franz-wohlkoenig franz-wohlkoenig - change - 31 Jul 2018
Status Discussion Closed
Closed_Date 0000-00-00 00:00:00 2018-07-31 10:55:04
Closed_By franz-wohlkoenig
avatar joomla-cms-bot joomla-cms-bot - change - 31 Jul 2018
Closed_By franz-wohlkoenig joomla-cms-bot
avatar joomla-cms-bot joomla-cms-bot - close - 31 Jul 2018
avatar joomla-cms-bot
joomla-cms-bot - comment - 31 Jul 2018
avatar franz-wohlkoenig
franz-wohlkoenig - comment - 31 Jul 2018

closed as having Pull Request #21322

Add a Comment

Login with GitHub to post a comment