Author Topic: WB 2.10.0 - Backend Theme Optimization  (Read 923 times)

Offline ruebenwurzel

  • Betatester
  • **
  • Posts: 8391
  • Gender: Male
  • Keep on Rockin
    • Familie Gallas Online
WB 2.10.0 - Backend Theme Optimization
« on: March 05, 2017, 02:35:45 PM »
Hello,

attached you find two Optimization-Packs for WB 2.10.0.

WebsiteBaker Default Theme v1.2.20
  • Default witdh maximized
  • Remove all overflow:hidden
  • Display of full description of Admin-Tools
  • Headlines adapted for a more unique Design

Droplets v3.0.22
  • Remove scrollbars
  • Display of full name of the Droplet
  • Optimization of the Overwiew-Header
  • Remove unneccessary Borders

Both changes are more optimized for screens and less for mobile devices.

Both packages are tested on different WB 2.10.0 Installations and seems to work without problems. So feel free to test it. If you find issues or if you have complementary improvements, please post it here.

How to install?
Download the attached packages, unzip them and overwrite the files on your server with FTP. Thats all, no installation required.

Advantages
The package only works with exactly the above Theme btw. Droplet Version. Please don't use it with any other Versions.

Important note
It is not conceived to use this threat for to create a new BackendTheme. This threat only should be used to make minor adaptions on the DefaultTheme of the actually WB Version.

At the end i will say a big thanks to the Devs for releasing the WB 2.10.0. This is the best and most secure WB Version ever.

Have fun

Offline jacobi22

  • Posts: 5865
  • Gender: Male
  • Support also via PM or EMail
    • Jacobi22
Re: WB 2.10.0 - Backend Theme Optimization
« Reply #1 on: March 05, 2017, 06:34:23 PM »
overflow:hidden
Sorry, but looks like a globale replace from the overflow:hidden-definition  :roll: whats happend, if i upgrade some third party files like font-awesome.css, normalize.css etc
have you ever look, why we use a overflow:hidden on the different places and have you ever try a different solution? - i dont think so
give some examples, where you have problems with overflow:hidden. one user make a post and some others copy this words 1:1 - but nobody shows a example or screenshots from the problems
to replace a overflow:hidden from the font-awesome.css, cannot be the solution

Droplets
some users ask for the scrollbar - because, they have some more droplets in the list (and we talk from 50 - 100). Now i lost this verticale scrollbar and get a new, horizontal bar, if i use longer descriptions, all the icons are moved into the hidden area on the right side

maybe a poll for the vertical scrollbar is a good solution. i dont need scrollbars there with the installed default droplets (10-20), but if i have 50 or 100, i'm happy about this



view in admintools now (result of the removed overflow:hidden)


problem is here not the overflow:hidden, it is the long description for the output filter module. planned was a equal height for the 2-rows-display. this admintool-overview is not the right place for the complete module description (that in modules -> module details). thats way we truncate the description
on other places, the problem come with a defined height for this element (example: overview adminTools in the RC-Version, specially: Box height like my picture)

the droplets overview is not so easy, a lot of informations, a lot of files - all this in a sortable table. droplet is in the top of the module list for the next wb-version, because, we are also not happy with the actual version, every desktop-width has a different design  :roll:
target is a possible responsive output in a non-table-construct incl. sort-function
« Last Edit: March 05, 2017, 06:40:22 PM by jacobi22 »
Wer nicht will, findet Gründe, wer will, findet Wege.

Offline ruebenwurzel

  • Betatester
  • **
  • Posts: 8391
  • Gender: Male
  • Keep on Rockin
    • Familie Gallas Online
Re: WB 2.10.0 - Backend Theme Optimization
« Reply #2 on: March 05, 2017, 08:09:39 PM »
Hello,

Quote
overflow:hidden
Sorry, but looks like a globale replace from the overflow:hidden-definition

Basically yes. I'm no coder and no Designer. It is more a try and error. As long as the result is as aspected and i get nor error ist is o for me.

Quote
Now i lost this verticale scrollbar and get a new, horizontal bar
The horizontal rulebar is also part of the default theme of WB 2.10.0. If you use the DefaultTheme of WB 2.10.0 and if you have more then the default droplets you have a horizontal and a vertical scrollbar.

Quote
some users ask for the scrollbar - because, they have some more droplets in the list (and we talk from 50 - 100)
My solution is not only for some users with a lot of droplets, my solution is for the users wich have roundabout 20 or 25 droplets wich i think should match to the most users.

Feel free to use my solution or not. The DefaultTheme wich comes with WB 2.10.0 should be the "Default". Everyone is free in his decision to use the adaptions or not.

I also would be glad about every additional hint to make the DefaultTheme better. And if i have removed a overflow:hidden to much, please post where. Everything can also be reverted.

Matthias

Offline jacobi22

  • Posts: 5865
  • Gender: Male
  • Support also via PM or EMail
    • Jacobi22
Re: WB 2.10.0 - Backend Theme Optimization
« Reply #3 on: March 06, 2017, 11:28:29 AM »
Quote
And if i have removed a overflow:hidden to much, please post where

everywhere. its not needed to remove the overflow:hidden
Wer nicht will, findet Gründe, wer will, findet Wege.

Offline Luisehahne

  • WebsiteBaker Org e.V.
  • **
  • Posts: 4366
  • Gender: Male
    • Webdesign und Entwicklung WebsiteBaker
Re: WB 2.10.0 - Backend Theme Optimization
« Reply #4 on: March 06, 2017, 01:47:18 PM »
Jacobi22 you are right,

cutting the text is a combination of overflow:hidden and a height setting at same time

Dietmar
Immer nur von der Zukunft reden, die Gegenwart vergessen und auf die Vergangenheit schimpfen
Neues Unwort: Schnappatmung

 

postern-length