? Success

User tests: Successful: Unsuccessful:

avatar dgt41
dgt41
1 Aug 2015

Let’s drop a few more gradients

Some FACTS:

  • Joomla is locked with Bootstrap 2.3.2
  • The less files are already touched multiple times
  • There’s not gonna be an update for BS 2.3.2
  • Joomla 3 is already 3 years old with the same template

With all those facts in mind I tried to drop a few more gradients so the rendered pages resemble a Bootstrap 3 template.
The changes are global since the less files touched here are the bootstrap 2.3.2 files
Changes affect only Isis template, the true impact is that 5 files are duplicated so changes in e.g. bootstrap buttons have to be done in two places, but since bootstrap is NOT gonna have any release for 2.3.x this is only theoretical, in practice we just have some duplicate less files to achieve our goal. Same goes for chosen, also notice that this version of chosen is dropping the png files and using icomoon which is always loaded for Isis...

B/C:

Other than the change in the appearance I don’t see any drawbacks here.

Preview:

screen shot 2015-08-01 at 15 01 41

avatar dgt41 dgt41 - open - 1 Aug 2015
avatar dgt41 dgt41 - change - 1 Aug 2015
Status New Pending
avatar joomla-cms-bot joomla-cms-bot - change - 1 Aug 2015
Labels Added: ?
avatar brianteeman
brianteeman - comment - 1 Aug 2015

Spotted quite a few bugs

Drop Down menu items are invisible on hover
Text on Buttons like the Review Messages are unreadable
Toolbar buttons have no border/background (except on hover)

Finally the select boxes look the same as a disabled option

avatar brianteeman brianteeman - change - 1 Aug 2015
Category Templates (admin)
avatar dgt41 dgt41 - change - 1 Aug 2015
The description was changed
avatar dgt41
dgt41 - comment - 1 Aug 2015

@brianteeman thanks, should be ok now


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

avatar Bakual
Bakual - comment - 1 Aug 2015

Changing the Bootstrap LESS files will likely not be accepted due to B/C. You would be changing all templates that work from those. And they rightfully expect a Bootstrap 2.3.2 stack there.
The only changes we made to those files were needed to make it compatible with some MooTools stuff.
If you want to update Isis/Protostar, do it in the template folder itself. Don't touch the jui folders.
However I would argue that changing Protostar is not really a good idea as it affects productive sites all over the planet, changing their appearance quite a bit. Not everyone will think it's an improvement.
Isis is fine to change as it affects only administrators, not the public.

avatar brianteeman
brianteeman - comment - 1 Aug 2015

@dgt41 The issues I spotted with Isis are resolved.

Completely missed that you had updated protostar as well. I tend to agree with @Bakual on that one.


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

avatar dgt41
dgt41 - comment - 1 Aug 2015

Redid this with overrides only for Isis

avatar infograf768
infograf768 - comment - 2 Aug 2015

Please test #7609 to solve another issue

avatar dgt41 dgt41 - change - 2 Aug 2015
The description was changed
avatar dgt41 dgt41 - change - 2 Aug 2015
The description was changed
avatar brianteeman brianteeman - change - 3 Aug 2015
Title
Visual update for isis-protostar
Visual update for isis
avatar brianteeman brianteeman - change - 3 Aug 2015
Title
Visual update for isis-protostar
Visual update for isis
avatar brianteeman
brianteeman - comment - 3 Aug 2015

Updated title to remove reference to protostar


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

avatar ghazal
ghazal - comment - 20 Aug 2015

I have been using this Isis visual update on a few sites' backend and I quite like it.
One pb though, the dropdown of Modules position doesn't take into account the templates names.

OLD
old_isis
NEW
new_isis

avatar dgt41
dgt41 - comment - 20 Aug 2015

@ghazal thanks for finding that. I pushed some changes, can you test them?

avatar dgt41 dgt41 - close - 21 Sep 2015
avatar dgt41 dgt41 - change - 21 Sep 2015
Status Pending Closed
Closed_Date 0000-00-00 00:00:00 2015-09-21 14:50:36
Closed_By dgt41
avatar dgt41
dgt41 - comment - 21 Sep 2015

This is a UX/UI territory so I am gonna close and let them decide.

avatar dgt41 dgt41 - close - 21 Sep 2015
avatar dgt41 dgt41 - head_ref_deleted - 4 Nov 2015
avatar dgt41 dgt41 - head_ref_restored - 7 Nov 2015
avatar dgt41 dgt41 - reopen - 7 Nov 2015
avatar dgt41 dgt41 - change - 7 Nov 2015
Status Closed New
Closed_Date 2015-09-21 14:50:35
Closed_By dgt41
avatar dgt41 dgt41 - reopen - 7 Nov 2015
avatar Gerlof
Gerlof - comment - 18 Nov 2015

Color of 'delete icon' (grey, and black on hover) does not match with blue background of button. Grey on blue: low contrast.
pull-7610

avatar infograf768
infograf768 - comment - 18 Nov 2015

I guess this will need some changes in generatecss.php

avatar dgt41
dgt41 - comment - 21 Nov 2015

@infograf768 actually it works great with generatecss.php (all the changes are in the template.less)

60c92e8 30 Dec 2015 avatar dgt41 cs
bccf658 30 Dec 2015 avatar dgt41 oops
avatar cpfeifer
cpfeifer - comment - 9 Mar 2016

Thanks for sharing your work, the JUX team will review and consider this idea.

avatar brianteeman brianteeman - change - 10 Mar 2016
Category Templates (admin) Templates (admin) UI/UX
avatar dgt41 dgt41 - change - 11 Mar 2016
Status New Closed
Closed_Date 0000-00-00 00:00:00 2016-03-11 03:52:38
Closed_By dgt41
avatar dgt41 dgt41 - close - 11 Mar 2016

Add a Comment

Login with GitHub to post a comment