Use a default class btn-default for configuration buttons not working anymore
Normal buttons layout red/green
Broken buttons layout, all btn-default
This is caused by changes to the following styles in the Isis template, now missing:
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
color: #fff;
background-color: #942a25;
*background-color: #802420;
}
and
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
color: #fff;
background-color: #378137;
*background-color: #2f6f2f;
}
In Joomla 3.7 they turned to the following, missing additional pseudo classes and breaking the cascade overrides in some cases:
.btn-danger:hover,
.btn-danger:focus {
background-color: #802420;
color: #fff;
text-decoration: none;
}
.btn-success:hover,
.btn-success:focus {
background-color: #2f6f2f;
color: #fff;
text-decoration: none;
}
Revert back to the full pseudo classes selectors.
Labels |
Added:
?
|
It happens with some extension depending on the CSS overrides. When buttons have the class 'btn-default' they lose the color, because of the changes reported above.
Could you give an example of such an extension?
I found happening for all extensions adding using javascript the following 'btn-default' class to the buttons:
$('input[type=radio]~label').addClass('radio btn btn-default');
The standard way for creating such buttons is with the following xml...
<field name="myradiovalue" type="radio" default="0" label="Select an option" description="" class="btn-group">
<option value="0">1</option>
<option value="1">2</option>
</field>
If you have an extension that uses an alternative method, I would need access to test it or at least a detailed description on how to replicate the buttons.
btn-default
is not used in Bootstrap 2. It's used in Bootstrap 3 and above.
To create a button group in Joomla, you should use the method provided in the comment above. If your extension doesn't do that, then they need to fix their extension.
Perhaps the extension you're using is importing Bootstrap 3 for some odd reason, but without knowing which extension it is, it's hard to tell.
I found happening for all extensions adding using javascript the following 'btn-default' class to the buttons:
Please as we provide an example
Dam autocorrect.
Please provide a sample extension
Category | ⇒ | Templates (admin) |
3.6 does not have style rules for a btn-default
class (though it is used in a handful of elements, I presume for forward compatibility with Bootstrap 3). The highlighted CSS changes are unrelated to this class. Presumably if anything the btn
class definitions have changed, though 100% intended with the re-skinning of the template included in 3.7.
Without providing a sample extension or at a minimum a form definition (and apparently overriding style declarations) where the issue can be replicated, there is no bug to address here.
Without providing a sample extension or at a minimum a form definition (and apparently overriding style declarations) where the issue can be replicated, there is no bug to address here.
@joeforjoomla please respond to this request from @mbabker - otherwise this will have to be closed
Status | New | ⇒ | Information Required |
@joeforjoomla this will be closed in 7 days
Kept it open for another month but as there has been no response there is no option but to close this.
Status | Information Required | ⇒ | Closed |
Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2016-12-09 12:28:17 |
Closed_By | ⇒ | brianteeman |
Could you detail how to replicate these buttons? The issue isn't present with any of the standard Joomla field types.