[UX] Protostar: Remove hard coded css#6705
[UX] Protostar: Remove hard coded css#6705roland-d merged 1 commit intojoomla:stagingfrom 810:staging-protostar
Conversation
|
@810 "and you can't override it with you own css or less files." That's not true. The hard-coded CSS is only used if template colours are switched on. For override with your own css files, simply switch off template colours in templates setting. The change in this PR here is not useful from my point of view, because it makes behavior with template colours on extremely different to the behavior with template colors off. This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/6705. |
|
There is no option to turn "Off", you can only pick the color. but the setting are for:
Everything is just 1 setting. |
|
@brianteeman I'm recommending we close this issue as its not a bug but infact is as designed. |
|
custom.css is your friend.
|
|
@test works as aspected. This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/6705. |
|
@test Don't know if this is gonna be closed, but the patch works as described. This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/6705. |
|
@test works as expected. This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/6705. |
|
Could we merge this one? |
|
In my opinion: Make a copy of template Protostar, apply your changes, and leave Protostar as it is. Additionally this PR is not B/C. |
|
@bertmert if I have done this for myself, then its ok, But I'm a developer for a component. If users try our component, it will look ugly. We have used the default bootstrap styling. The issue is that the setting is overruling our less files. |
|
I don't have to decide it ;-) This hard code shouldn't be there but it is in Protostar for a long time now. So I see B/C problems. That's all. I don't have no preferences. Just BTW: It's possible to overrule these declarations in a custom CSS file even if this file is loaded before (by higher selector hierarchy). |
|
Putting design opinions aside, the current inline CSS makes reading the menu items difficult. So regardless to what I believe about styling, the current method is bad UX. I have perfect vision and it takes longer to read based on the bad contrast. I'm completely in favor of the PR above. If we really want this hard to read menu style for backwards compatibility reasons, why not have it as CSS within the template? Inline CSS for global classes like these doesn't make a lot of sense. |
|
Setting to This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/6705. |
|
@810 I feel it's a stupid question but where is that navbar-inner thing even used in Protostar? |
|
@Bakual Its not used in any default Joomla module. So this are the test instructions:
You will see that the looks are bad. |
|
Thanks, was able to reproduce this and it indeed looks crap with any color I tried. |
[UX] Protostar: Remove hard coded css
The issue
The issue is that the navbar-inner css is hard coded, and you can't override it with you own css or less files.
Example
You see that the navbar-inner get the color from the btn-primary. In this case the default color Blue.
This looks bad at all.
Solution
after apply my fix, you will get a cleaner navbar-inner.