|
From: Torsten F. <to...@ti...> - 2015-03-28 17:31:54
|
+1 to look about the same (maybe some less padding) and suckerfish behaves differently - no-js more levels is another additional point. T. On 28.03.2015 18:27, luciash d' being wrote: > Ah! Thanks heaps Torsten! > That was it! After I added bootstrap=n and css=y to the each module it > starts to look what Gary posted! That must be it... > Now the difference with Bootstrap and Superfish is that Superfish has > rounded corners on top of the submenu and the top one looks different > (no background) compared to the top_bar one. > Should they look the same and only difference be actually Superfish > supporting more levels of submenus? > > Thanks Gary for the Superfish submenu background fix btw. > > luci > > > On 03/28/2015 05:50 PM, Torsten Fabricius wrote: >> Hi Luci, >> >> you must activate suckerfish as usual, BUT ADDITIONALLY tell each module >> menu individually that you want to aberrate from the Bootstrap default. >> >> This was kind of the tradeoff with LPH for that he would not thow away >> the suckerfish completely (as replacing with Bootstrap, where I just >> stopped him back then ;-) . >> >> I personally find it acceptable to have Bootstrap as default even for >> updates of old sites and then the new option to manually go back to >> suckerfish. >> >> Imho this is what I would most expect from a Bootstrap software that >> still cares on backwards compatibility. >> >> Cheers >> T. >> >> >> >> On 28.03.2015 17:17, luciash d' being wrote: >>> But I have just checked and I have Superfish checkbox enabled in >>> Features panel. >>> >>> Hmm... >>> >>> luci >>> >>> >>> On 03/28/2015 05:09 PM, luciash d' being wrote: >>>> Oh! I dunno :) I thought it is always using suckerfish for fresh >>>> install? So default is bootstrap menus and I need to enable suckerfish >>>> menus now somehow? >>>> >>>> Did not know that! Thanks :) >>>> >>>> luci >>>> >>>> >>>> On 03/28/2015 03:23 PM, ga...@cu... wrote: >>>>> Isn't the awesomescreenshot showing a bootstrap menu? The problem I >>>>> described is with superfish menu dropdowns. >>>>> >>>>> -- Gary >>>>> >>>>> On 2015-03-28 08:19, luciash d' being wrote: >>>>>> Hmm, it looks somehow different here: >>>>>> http://awesomescreenshot.com/0274qu323a [5] >>>>>> >>>>>> maybe because it is in top_bar, not top? >>>>>> >>>>>> layout is "Classic Tiki with shadows" >>>>>> >>>>>> luci >>>>>> >>>>>> On 03/28/2015 01:02 PM, ga...@cu... wrote: >>>>>> >>>>>>> Hmm, to be sure we're looking at the same things, I attached a small >>>>>>> screenshot to show the bad color contrast now in superfish menus. >>>>>>> There's a problem not only in Amelia, but for any theme where the >>>>>>> navbar background color contrasts strongly with the superfish child >>>>>>> item background color. I suppose it's subjective whether the first >>>>>>> and last menu items having asymmetric padding is no good, or their >>>>>>> not filling up the space at the top and bottom of the dropdown is no >>>>>>> good. I don't think this second thing is very attractive, so I'll >>>>>>> fix it some way without the asymmetric padding. >>>>>>> >>>>>>> About the Snow theme, sure, it's retro, not meant to be a model for >>>>>>> current web design. I updated it to Bootstrap mostly because I >>>>>>> wanted to test/show the use of background images with CSS3 and >>>>>>> Bootstrap (which by the way is way easier and more fun than before). >>>>>>> >>>>>>> >>>>>>> -- Gary >>>>>>> >>>>>>> On 2015-03-28 07:02, luciash d' being wrote: >>>>>>> Hi Gary (cc Artwork list as only people aesthetically interested >>>>>>> might >>>>>>> provide some relevant input ;)), >>>>>>> >>>>>>> it looks fine for me in all themes. IMHO all items of the menu >>>>>>> should >>>>>>> have same consistent padding in the highlight (I do not see a >>>>>>> reason why >>>>>>> first and last item should have different asymetric padding in >>>>>>> highlight; it looked like an error to me, that is why I changed it) >>>>>>> and >>>>>>> the padding above and below the menu items in the ul was >>>>>>> intentional I >>>>>>> thought. If it was not, then it can be removed all together. I >>>>>>> agree the >>>>>>> Snow theme looks a bit odd with that padding on top and bottom (the >>>>>>> >>>>>>> whole theme looks a bit nineties of the last century to be honest) >>>>>>> but >>>>>>> that can be fixed for that one theme itself? Others look just fine >>>>>>> to me. >>>>>>> >>>>>>> Any other opinions anyone? >>>>>>> >>>>>>> luci >>>>>>> >>>>>>> On 03/28/2015 07:30 AM, ga...@cu... wrote: >>>>>>> Hi, >>>>>>> >>>>>>> Now there is a margin above the first item and below the last item >>>>>>> that's often a contrasting color from the list items, in suckerfish >>>>>>> >>>>>>> dropdowns (switch to Amelia or Snow or other colorful theme for a >>>>>>> demo). >>>>>>> Avoiding that ul background color showing was the reason for the >>>>>>> rules >>>>>>> you removed. Any ideas on a solution that doesn't reintroduce that >>>>>>> problem? >>>>>>> >>>>>>> -- Gary >>>>>>> >>>>>>> On 2015-03-27 11:34, lu...@us... wrote: >>>>>>> Revision: 54770 >>>>>>> http://sourceforge.net/p/tikiwiki/code/54770 [1] >>>>>>> Author: luciash >>>>>>> Date: 2015-03-27 15:34:12 +0000 (Fri, 27 Mar 2015) >>>>>>> Log Message: >>>>>>> ----------- >>>>>>> [FIX] remove unwanted padding from first and last list item link of >>>>>>> >>>>>>> menus and ellipsis dropdowns (and dropdown title) and put it on the >>>>>>> ul >>>>>>> itself (made them look weird on hover) >>>>>>> >>>>>>> Modified Paths: >>>>>>> -------------- >>>>>>> branches/14.x/themes/base_files/css/tiki_base.css >>>>>>> >>>>>>> branches/14.x/themes/base_files/less/tiki-bootstrap_overrides.less >>>>>>> >>>>>>> branches/14.x/themes/base_files/less/tiki-miscellaneous_global.less >>>>>>> >>>>>>> Modified: branches/14.x/themes/base_files/css/tiki_base.css >>>>>>> =================================================================== >>>>>>> >>>>>>> --- branches/14.x/themes/base_files/css/tiki_base.css 2015-03-27 >>>>>>> >>>>>>> 14:20:14 UTC (rev 54769) >>>>>>> +++ branches/14.x/themes/base_files/css/tiki_base.css 2015-03-27 >>>>>>> >>>>>>> 15:34:12 UTC (rev 54770) >>>>>>> @@ -854,7 +854,6 @@ >>>>>>> } >>>>>>> .dropdown-title { >>>>>>> text-align: center; >>>>>>> - padding-top: 10px; >>>>>>> padding-right: 5px; >>>>>>> padding-left: 5px; >>>>>>> opacity: .75; >>>>>>> @@ -3101,20 +3100,12 @@ >>>>>>> .tiki.dropdown-menu { >>>>>>> padding: 0; >>>>>>> } >>>>>>> -.tiki .dropdown-menu li:first-of-type, >>>>>>> -.menuSection ul li:first-of-type { >>>>>>> - margin-top: -5px; >>>>>>> -} >>>>>>> -.tiki .dropdown-menu li:first-of-type > a, >>>>>>> -.menuSection ul li:first-of-type > a { >>>>>>> +.tiki .dropdown-menu, >>>>>>> +.menuSection ul { >>>>>>> padding-top: 10px; >>>>>>> } >>>>>>> -.tiki .dropdown-menu li:last-of-type, >>>>>>> -.menuSection ul li:last-of-type { >>>>>>> - margin-bottom: -5px; >>>>>>> -} >>>>>>> -.tiki .dropdown-menu li:last-of-type > a, >>>>>>> -.menuSection ul li:last-of-type > a { >>>>>>> +.tiki .dropdown-menu, >>>>>>> +.menuSection ul { >>>>>>> padding-bottom: 10px; >>>>>>> } >>>>>>> .tiki .popover { >>>>>>> >>>>>>> Modified: >>>>>>> branches/14.x/themes/base_files/less/tiki-bootstrap_overrides.less >>>>>>> =================================================================== >>>>>>> >>>>>>> --- >>>>>>> branches/14.x/themes/base_files/less/tiki-bootstrap_overrides.less >>>>>>> 2015-03-27 >>>>>>> 14:20:14 UTC (rev 54769) >>>>>>> +++ >>>>>>> branches/14.x/themes/base_files/less/tiki-bootstrap_overrides.less >>>>>>> 2015-03-27 >>>>>>> 15:34:12 UTC (rev 54770) >>>>>>> @@ -26,20 +26,14 @@ >>>>>>> >>>>>>> .tiki.dropdown-menu {padding: 0} >>>>>>> >>>>>>> -.tiki .dropdown-menu li:first-of-type, >>>>>>> -.menuSection ul li:first-of-type { >>>>>>> - margin-top: -5px; >>>>>>> - & > a { >>>>>>> - padding-top: 10px; >>>>>>> - } >>>>>>> +.tiki .dropdown-menu, >>>>>>> +.menuSection ul { >>>>>>> + padding-top: 10px; >>>>>>> } >>>>>>> >>>>>>> -.tiki .dropdown-menu li:last-of-type, >>>>>>> -.menuSection ul li:last-of-type { >>>>>>> - margin-bottom: -5px; >>>>>>> - & > a { >>>>>>> - padding-bottom: 10px; >>>>>>> - } >>>>>>> +.tiki .dropdown-menu, >>>>>>> +.menuSection ul { >>>>>>> + padding-bottom: 10px; >>>>>>> } >>>>>>> >>>>>>> .tiki .popover { >>>>>>> >>>>>>> Modified: >>>>>>> branches/14.x/themes/base_files/less/tiki-miscellaneous_global.less >>>>>>> >>>>>>> =================================================================== >>>>>>> >>>>>>> --- >>>>>>> branches/14.x/themes/base_files/less/tiki-miscellaneous_global.less >>>>>>> 2015-03-27 >>>>>>> 14:20:14 UTC (rev 54769) >>>>>>> +++ >>>>>>> branches/14.x/themes/base_files/less/tiki-miscellaneous_global.less >>>>>>> 2015-03-27 >>>>>>> 15:34:12 UTC (rev 54770) >>>>>>> @@ -253,7 +253,6 @@ >>>>>>> //Title for bootstrap dropdowns that drop down upon hover >>>>>>> .dropdown-title { >>>>>>> text-align: center; >>>>>>> - padding-top: 10px; >>>>>>> padding-right: 5px; >>>>>>> padding-left: 5px; >>>>>>> opacity: .75; >>>>>>> >>>>>>> This was sent by the SourceForge.net collaborative development >>>>>>> platform, the world's largest Open Source development site. >>>>>>> >>>>>>> >>>>>> ------------------------------------------------------------------------------ >>>>>> >>>>>>> Dive into the World of Parallel Programming The Go Parallel >>>>>>> Website, >>>>>>> sponsored >>>>>>> by Intel and developed in partnership with Slashdot Media, is your >>>>>>> hub >>>>>>> for all >>>>>>> things parallel software development, from weekly thought >>>>>>> leadership >>>>>>> blogs to >>>>>>> news, videos, case studies, tutorials and more. Take a look and >>>>>>> join >>>>>>> the >>>>>>> conversation now. http://goparallel.sourceforge.net/ [2] >>>>>>> _______________________________________________ >>>>>>> Tikiwiki-cvs mailing list >>>>>>> Tik...@li... >>>>>>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-cvs [3] >>>>>>> >>>>>>> >>>>>> ------------------------------------------------------------------------------ >>>>>> >>>>>>> Dive into the World of Parallel Programming The Go Parallel >>>>>>> Website, sponsored >>>>>>> by Intel and developed in partnership with Slashdot Media, is your >>>>>>> hub for all >>>>>>> things parallel software development, from weekly thought >>>>>>> leadership blogs to >>>>>>> news, videos, case studies, tutorials and more. Take a look and >>>>>>> join the >>>>>>> conversation now. http://goparallel.sourceforge.net/ [2] >>>>>>> _______________________________________________ >>>>>>> Tikiwiki-cvs mailing list >>>>>>> Tik...@li... >>>>>>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-cvs [3] >>>>>> ------------------------------------------------------------------------------ >>>>>> >>>>>> >>>>>> Dive into the World of Parallel Programming The Go Parallel Website, >>>>>> sponsored >>>>>> by Intel and developed in partnership with Slashdot Media, is your >>>>>> hub for all >>>>>> things parallel software development, from weekly thought leadership >>>>>> blogs to >>>>>> news, videos, case studies, tutorials and more. Take a look and join >>>>>> the >>>>>> conversation now. http://goparallel.sourceforge.net/ [2] >>>>>> _______________________________________________ >>>>>> Tikiwiki-artwork mailing list >>>>>> Tik...@li... >>>>>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork [4] >>>>>> >>>>>> ------------------------------------------------------------------------------ >>>>>> >>>>>> Dive into the World of Parallel Programming The Go Parallel Website, >>>>>> sponsored >>>>>> by Intel and developed in partnership with Slashdot Media, is your hub >>>>>> for all >>>>>> things parallel software development, from weekly thought leadership >>>>>> blogs to >>>>>> news, videos, case studies, tutorials and more. Take a look and join >>>>>> the >>>>>> conversation now. http://goparallel.sourceforge.net/ [2] >>>>>> >>>>>> _______________________________________________ >>>>>> Tikiwiki-artwork mailing list >>>>>> Tik...@li... >>>>>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork [4] >>>>>> >>>>>> >>>>>> >>>>>> Links: >>>>>> ------ >>>>>> [1] http://sourceforge.net/p/tikiwiki/code/54770 >>>>>> [2] http://goparallel.sourceforge.net/ >>>>>> [3] https://lists.sourceforge.net/lists/listinfo/tikiwiki-cvs >>>>>> [4] https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork >>>>>> [5] http://awesomescreenshot.com/0274qu323a >>>>>> >>>>>> ------------------------------------------------------------------------------ >>>>>> >>>>>> Dive into the World of Parallel Programming The Go Parallel Website, >>>>>> sponsored >>>>>> by Intel and developed in partnership with Slashdot Media, is your >>>>>> hub for all >>>>>> things parallel software development, from weekly thought leadership >>>>>> blogs to >>>>>> news, videos, case studies, tutorials and more. Take a look and join the >>>>>> conversation now. http://goparallel.sourceforge.net/ >>>>>> >>>>>> _______________________________________________ >>>>>> Tikiwiki-artwork mailing list >>>>>> Tik...@li... >>>>>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork >>>> ------------------------------------------------------------------------------ >>>> Dive into the World of Parallel Programming The Go Parallel Website, sponsored >>>> by Intel and developed in partnership with Slashdot Media, is your hub for all >>>> things parallel software development, from weekly thought leadership blogs to >>>> news, videos, case studies, tutorials and more. Take a look and join the >>>> conversation now. http://goparallel.sourceforge.net/ >>>> _______________________________________________ >>>> Tikiwiki-artwork mailing list >>>> Tik...@li... >>>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork >>> >>> ------------------------------------------------------------------------------ >>> Dive into the World of Parallel Programming The Go Parallel Website, sponsored >>> by Intel and developed in partnership with Slashdot Media, is your hub for all >>> things parallel software development, from weekly thought leadership blogs to >>> news, videos, case studies, tutorials and more. Take a look and join the >>> conversation now. http://goparallel.sourceforge.net/ >>> _______________________________________________ >>> Tikiwiki-artwork mailing list >>> Tik...@li... >>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork >>> >> ------------------------------------------------------------------------------ >> Dive into the World of Parallel Programming The Go Parallel Website, sponsored >> by Intel and developed in partnership with Slashdot Media, is your hub for all >> things parallel software development, from weekly thought leadership blogs to >> news, videos, case studies, tutorials and more. Take a look and join the >> conversation now. http://goparallel.sourceforge.net/ >> _______________________________________________ >> Tikiwiki-artwork mailing list >> Tik...@li... >> https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork > > > ------------------------------------------------------------------------------ > Dive into the World of Parallel Programming The Go Parallel Website, sponsored > by Intel and developed in partnership with Slashdot Media, is your hub for all > things parallel software development, from weekly thought leadership blogs to > news, videos, case studies, tutorials and more. Take a look and join the > conversation now. http://goparallel.sourceforge.net/ > _______________________________________________ > Tikiwiki-artwork mailing list > Tik...@li... > https://lists.sourceforge.net/lists/listinfo/tikiwiki-artwork > |