New update to sidebar toggle styling#5141
Conversation
Language file naming conventions
Remove previous sidebar styling with new one
Remove previous sidebar styling with new one
Remove previous sidebar styling by new one
Remove previous sidebar styling by new one
|
@test: Tested successfully.
|
New minified core.js for Travis to succeed
|
Thank you @yanivRozenman |
|
@JoomliC |
|
@test succesful. 👍 for the fade in effect on the icons! |
|
In the screenshot from #4450 you had a gradient background, did you remove that again? |
|
@losedk i've updated to fix your issue. Could you test again if you don't have again the inline scroll (not needed in fact...) @losedk and @roland-d i have added back the same gradient as for the toolbar background. Thanks for your feedback about it, i was not sure it was best to have the gradient or not. ;-) |
|
@JoomliC Cool! But the filters could still use some padding :) |
500ms to 300ms applied for j-toggle transition
Add j-toggle-button-wrapper and j-toggle-sidebar-header classes
|
After a discussion with @nternetinspired @phproberto @Bakual, i have updated the PR to use only css transition, with better performance. @DGT41 So, as we have requested before, it's not a problem if no transition on ie8 as far as we can use the sidebar without issue. ;-) @infograf768 No changes for com_localise ;-) @nternetinspired I've tried to use http://getbootstrap.com/2.3.2/javascript.html#collapse. But it was really a headache to make it working as expected due to where the sidebar layout is loaded. I'm afraid we could have B/C issue with third party extensions (if toggle button is loaded in submenu layout) or not sure it could be good to load the button in the template index.php or elsewhere...
Done! And nice week-end to all! |
|
works fine here... |
|
@test again on OS X FF chrome safari opera Success |
|
@test Works as expected here. Since this is already RTC, I think we can really move this forward now. |
|
@JoomliC Thanks for moving transition effects to css and for using class selectors. This is really a huge improvement I think. 🙇
Yes, let's look at this for a future PR. No need to further delay this one, given that it is such a big improvement already. I'd be happy to collaborate with you on any further improvements, if you want. My skype is seths_laptop ;) |
|
Thanks to all. Merged at last! 👍 |
|
Happy New JYear! to All !!! @nternetinspired @phproberto @DGT41 I've requested you as contact on Skype (it was the first time i requested someone on this app i've never really used...) Cyril |
|
One of the biggest things in regards to the sidebar that many are telling me is 2 things: 1: It doesn't scroll with the page when it feels like it should. Should I open a issue? |


Update to UI/UX and language file naming conventions.
This is an improvement proposed to the collapsible sidebar introduced since 3.3.7-dev by @roland-d.
It is based on UI proposal by @dbhurley : #4450
And on ideas from many contributors! 👍
In this PR, a sliding effect is added to the sidebar to improve UX, and UI was changed to a column styling.
The sidebar is LTR/RTL ready and is displayed on screen with a min-width of 768px.
Screens under 767px wide use the sidebar as it is already displayed in 3.3.6.
Future improvement with mobile devices could be proposed in another PR.
Intructions for testing :
Comments and tips are welcomed!
Cyril