Skip to content

[UX] Protostar: Remove hard coded css#6705

Merged
roland-d merged 1 commit intojoomla:stagingfrom
810:staging-protostar
Sep 9, 2015
Merged

[UX] Protostar: Remove hard coded css#6705
roland-d merged 1 commit intojoomla:stagingfrom
810:staging-protostar

Conversation

@810
Copy link
Copy Markdown
Contributor

@810 810 commented Apr 8, 2015

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

aftersaving

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.

before

@richard67
Copy link
Copy Markdown
Member

@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.

@810
Copy link
Copy Markdown
Contributor Author

810 commented Apr 8, 2015

There is no option to turn "Off", you can only pick the color. but the setting are for:

  • nav-list
  • nav-bar
  • dropdown-menu
  • nav-pills
  • btn-primary

Everything is just 1 setting.

@N6REJ
Copy link
Copy Markdown
Contributor

N6REJ commented Apr 9, 2015

@brianteeman I'm recommending we close this issue as its not a bug but infact is as designed.
@810 you can simply use a custom.css to override extremely easily. Many template generate styling @ runtime and protostar is not different.

@N6REJ
Copy link
Copy Markdown
Contributor

N6REJ commented Apr 9, 2015

custom.css is your friend.
Bear
On 4/8/2015 17:10, Jelle Kok wrote:

There is no option to turn "Off", you can only pick the color. but the
setting are for:

  • nav-list
  • nav-bar
  • dropdown-menu
  • nav-pills
  • btn-primary

Everything is just 1 setting.


Reply to this email directly or view it on GitHub
#6705 (comment).

No virus found in this message.
Checked by AVG - www.avg.com http://www.avg.com
Version: 2015.0.5863 / Virus Database: 4328/9488 - Release Date: 04/08/15

@webmiep
Copy link
Copy Markdown

webmiep commented Apr 10, 2015

@test works as aspected.


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/6705.

@ghost
Copy link
Copy Markdown

ghost commented Apr 10, 2015

@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.

@ghost
Copy link
Copy Markdown

ghost commented Apr 10, 2015

@test works as expected.


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/6705.

@810
Copy link
Copy Markdown
Contributor Author

810 commented May 14, 2015

Could we merge this one?

@ghost
Copy link
Copy Markdown

ghost commented May 14, 2015

In my opinion: Make a copy of template Protostar, apply your changes, and leave Protostar as it is.
Or: #6705 (comment)

Additionally this PR is not B/C.

@810
Copy link
Copy Markdown
Contributor Author

810 commented May 14, 2015

@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.

@ghost
Copy link
Copy Markdown

ghost commented May 14, 2015

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).

@JoshJourney
Copy link
Copy Markdown

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.

@zero-24
Copy link
Copy Markdown
Contributor

zero-24 commented Jun 11, 2015

Setting to Needs Review so a CMS Maintainer can take a decision.


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/6705.

@Bakual
Copy link
Copy Markdown
Contributor

Bakual commented Jun 17, 2015

@810 I feel it's a stupid question but where is that navbar-inner thing even used in Protostar?
Or is that extension specific? If so, which extension can I install to see it in effect?

@810
Copy link
Copy Markdown
Contributor Author

810 commented Jun 17, 2015

@Bakual
When Kyle created this template "Bootstrap" was new, and forgot to remove the hardcode on a test, I think.

Its not used in any default Joomla module.

So this are the test instructions:

  1. Install kunena (enable forum menu item on main menu)
  2. Set Crypsis as default kunena template
  3. See frontend. That the menu looks ok.
  4. Go to edit protostar template
  5. Click on Save
  6. See frontend again

You will see that the looks are bad.

@Bakual
Copy link
Copy Markdown
Contributor

Bakual commented Jun 17, 2015

Thanks, was able to reproduce this and it indeed looks crap with any color I tried.
The text is almost unreadable in all variants. So this indeed looks like a mistake to have by default.

@Bakual Bakual added this to the Joomla! 3.5.0 milestone Jun 17, 2015
@Bakual Bakual added the RTC This Pull Request is Ready To Commit label Jun 17, 2015
roland-d added a commit that referenced this pull request Sep 9, 2015
[UX] Protostar: Remove hard coded css
@roland-d roland-d merged commit dd461c2 into joomla:staging Sep 9, 2015
@joomla-cms-bot joomla-cms-bot removed the RTC This Pull Request is Ready To Commit label Sep 9, 2015
@wilsonge wilsonge modified the milestones: Joomla! 3.4.5, Joomla! 3.5.0 Sep 9, 2015
@zero-24 zero-24 modified the milestones: Joomla! 3.4.6, Joomla! 3.5.0 Oct 28, 2015
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

10 participants