Re: [Tikiwiki-artwork] [Tikiwiki-cvs/svn] SF.net SVN: tikiwiki:[54770] branches/14.x/themes/base_files

[Torsten F. <to...@ti...>]

+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
>