Loading...
 

Tikiwiki-devel (mailman list mirror)


Bubble displays poorly when it goes under ( Neat CSS trick to have links to "sister sites" distinguished)

posts: 1805

Aha, thanks for the screenies guys! These are two different issues. I
will try to tackle them one by one...

Thanks,

luci


On 13.9.2017 18:40, Cloutier, Philippe (DGARI-Consultant) wrote:
>
> I don’t know if Brendan was reporting a second issue, but to clarify,
> while I did see the issue Brendan illustrated in other situations, the
> issue I meant to report this morning looks as follows:
>
> *De :*Brendan Ferguson mailto:drsassafras@gmail.com
> *Envoyé :* 13 septembre 2017 12:04
> *À :* Tiki developers <tikiwiki-devel@lists.sourceforge.net>
> *Objet :* Re: Tiki-devel Bubble displays poorly when it goes under
> (RE: Neat CSS trick to have links to “sister sites” distinguished)
>
> https://doc.tiki.org/Jitsi
>
> I don’t know if the attachment will be allowed, but this is what I see
> when viewing the above page. Ive seen it happen in a lot of other
> places where there is little space. It makes the link almost imposable
> to click, because when you hover, the link moves to the first line.
>
>
> Brendan
>
> On Sep 13, 2017, at 11:53 AM, luciash <luci@tiki.org
> <mailto:luci@tiki.org>> wrote:
>
> Poor? Sad! Feel free to play with it in inspect element and if you
> find better way enhance the
> https://themes.tiki.org/Tiki_org_family_customizations_CSS
>
> */Philippe Cloutier Sorry, that’s not my area. “Poor” was a
> euphemism; it’s pointing in the direction opposite to the link./*
>
>
> This is the best way I found (better than breaking the bubble and
> the pointer cut separated like before when the link was on two lines).
>
> luci
>
>
> On 13.9.2017 15:08, Cloutier, Philippe (DGARI-Consultant) wrote:
>
> Hi,
> This depends on viewport size, but
> https://tiki.org/forumthread51230#threadId51381 shows a link
> where the round may go down instead of up. If the link is at
> the end of the first line (in my case, the link is split on 2
> lines), the bubble’s display is poor. In particular, the
> indication about its origin points down, when it should point
> up. Google Chrome 60
>
>
> De : Bernard Sfez mailto:me@bsfez.com
> Envoyé : 21 mars 2017 08:32
> À : Tiki developers <tikiwiki-devel@lists.sourceforge.net
> <mailto:tikiwiki-devel@lists.sourceforge.net>>
> Objet : Re: Tiki-devel Neat CSS trick to have links to
> “sister sites” distinguished
>
> Hi Luci,
>
> This look great to me. :-)
>
> Bernard
>
>
>
> On 21 Mar 2017, at 12:29 , luciash <luci@tiki.org
> <mailto:luci@tiki.org>> wrote:
>
> Hi Devs,
>
> Marc Laporte had this idea (aka feature request ;))
> for “Federation:
> colored links for sister wiki links” and I have come
> up with a neat
> trick to identify and distinguish external links using
> CSS only so it
> does not need any extra code introduced in Tiki base.
>
> Described here: https://themes.tiki.org/CSS+Tricks
>
> I have also already presented it at the Roundtable
> Meeting:
> http://recordings.blindsidenetworks.com/citadelrock/d559965849921585c1849af03b7a51638700d979-1489674287435/presentation/?t=30m12s
>
> POC here: http://codepen.io/luciash/pen/ZerOBv
>
> Live in action here: https://doc.tiki.org/Troubleshooting
>
> Plan is to enable this on all *.tiki.org sites. Any
> feedback?
>
> Thanks,
>
> luci
>
> ------------------------------------------------------------------------------
> Check out the vibrant tech community on one of the world’s most
> engaging tech sites, Slashdot.org <http://Slashdot.org>!
> http://sdm.link/slashdot <http://sdm.link/slashdot>
> ___
> TikiWiki-devel mailing list
> TikiWiki-devel at lists.sourceforge.net
> <mailto:TikiWiki-devel@lists.sourceforge.net>
> https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel
>
>
>
> ------------------------------------------------------------------------------
> Check out the vibrant tech community on one of the world’s most
> engaging tech sites, Slashdot.org <http://Slashdot.org>!
> http://sdm.link/slashdot <http://sdm.link/slashdot>
> ___
> TikiWiki-devel mailing list
> TikiWiki-devel at lists.sourceforge.net
> <mailto:TikiWiki-devel@lists.sourceforge.net>
> https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel
>
>
>
> ------------------------------------------------------------------------------
> Check out the vibrant tech community on one of the world’s most
> engaging tech sites, Slashdot.org! http://sdm.link/slashdot
>
>
> ___
> TikiWiki-devel mailing list
> TikiWiki-devel at lists.sourceforge.net
> https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel

posts: 1805

Hi,

I believe I have fixed both issues you reported. Thanks!

luci



On 13.9.2017 19:29, luciash wrote:
>
> Aha, thanks for the screenies guys! These are two different issues. I
> will try to tackle them one by one...
>
> Thanks,
>
> luci
>
>
> On 13.9.2017 18:40, Cloutier, Philippe (DGARI-Consultant) wrote:
>>
>> I don’t know if Brendan was reporting a second issue, but to clarify,
>> while I did see the issue Brendan illustrated in other situations,
>> the issue I meant to report this morning looks as follows:
>>
>> *De :*Brendan Ferguson mailto:drsassafras@gmail.com
>> *Envoyé :* 13 septembre 2017 12:04
>> *À :* Tiki developers <tikiwiki-devel@lists.sourceforge.net>
>> *Objet :* Re: Tiki-devel Bubble displays poorly when it goes under
>> (RE: Neat CSS trick to have links to “sister sites” distinguished)
>>
>> https://doc.tiki.org/Jitsi
>>
>> I don’t know if the attachment will be allowed, but this is what I
>> see when viewing the above page. Ive seen it happen in a lot of other
>> places where there is little space. It makes the link almost
>> imposable to click, because when you hover, the link moves to the
>> first line.
>>
>>
>> Brendan
>>
>> On Sep 13, 2017, at 11:53 AM, luciash <luci@tiki.org
>> <mailto:luci@tiki.org>> wrote:
>>
>> Poor? Sad! Feel free to play with it in inspect element and if
>> you find better way enhance the
>> https://themes.tiki.org/Tiki_org_family_customizations_CSS
>>
>> */Philippe Cloutier Sorry, that’s not my area. “Poor” was a
>> euphemism; it’s pointing in the direction opposite to the link./*
>>
>>
>> This is the best way I found (better than breaking the bubble and
>> the pointer cut separated like before when the link was on two
>> lines).
>>
>> luci
>>
>>
>> On 13.9.2017 15:08, Cloutier, Philippe (DGARI-Consultant) wrote:
>>
>> Hi,
>> This depends on viewport size, but
>> https://tiki.org/forumthread51230#threadId51381 shows a link
>> where the round may go down instead of up. If the link is at
>> the end of the first line (in my case, the link is split on 2
>> lines), the bubble’s display is poor. In particular, the
>> indication about its origin points down, when it should point
>> up. Google Chrome 60
>>
>>
>> De : Bernard Sfez mailto:me@bsfez.com
>> Envoyé : 21 mars 2017 08:32
>> À : Tiki developers <tikiwiki-devel@lists.sourceforge.net
>> <mailto:tikiwiki-devel@lists.sourceforge.net>>
>> Objet : Re: Tiki-devel Neat CSS trick to have links to
>> “sister sites” distinguished
>>
>> Hi Luci,
>>
>> This look great to me. :-)
>>
>> Bernard
>>
>>
>>
>> On 21 Mar 2017, at 12:29 , luciash <luci@tiki.org
>> <mailto:luci@tiki.org>> wrote:
>>
>> Hi Devs,
>>
>> Marc Laporte had this idea (aka feature request ;))
>> for “Federation:
>> colored links for sister wiki links” and I have come
>> up with a neat
>> trick to identify and distinguish external links
>> using CSS only so it
>> does not need any extra code introduced in Tiki base.
>>
>> Described here: https://themes.tiki.org/CSS+Tricks
>>
>> I have also already presented it at the Roundtable
>> Meeting:
>> http://recordings.blindsidenetworks.com/citadelrock/d559965849921585c1849af03b7a51638700d979-1489674287435/presentation/?t=30m12s
>>
>> POC here: http://codepen.io/luciash/pen/ZerOBv
>>
>> Live in action here: https://doc.tiki.org/Troubleshooting
>>
>> Plan is to enable this on all *.tiki.org sites. Any
>> feedback?
>>
>> Thanks,
>>
>> luci
>>
>> ------------------------------------------------------------------------------
>> Check out the vibrant tech community on one of the world’s most
>> engaging tech sites, Slashdot.org <http://Slashdot.org>!
>> http://sdm.link/slashdot <http://sdm.link/slashdot>
>> ___
>> TikiWiki-devel mailing list
>> TikiWiki-devel at lists.sourceforge.net
>> <mailto:TikiWiki-devel@lists.sourceforge.net>
>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel
>>
>>
>>
>> ------------------------------------------------------------------------------
>> Check out the vibrant tech community on one of the world’s most
>> engaging tech sites, Slashdot.org <http://Slashdot.org>!
>> http://sdm.link/slashdot <http://sdm.link/slashdot>
>> ___
>> TikiWiki-devel mailing list
>> TikiWiki-devel at lists.sourceforge.net
>> <mailto:TikiWiki-devel@lists.sourceforge.net>
>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel
>>
>>
>>
>> ------------------------------------------------------------------------------
>> Check out the vibrant tech community on one of the world’s most
>> engaging tech sites, Slashdot.org!http://sdm.link/slashdot
>>
>>
>> ___
>> TikiWiki-devel mailing list
>> TikiWiki-devel at lists.sourceforge.net
>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel
>
>
>
> ------------------------------------------------------------------------------
> Check out the vibrant tech community on one of the world’s most
> engaging tech sites, Slashdot.org! http://sdm.link/slashdot
>
>
> ___
> TikiWiki-devel mailing list
> TikiWiki-devel at lists.sourceforge.net
> https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel

posts: 746 Canada

Ive confirmed that the issue I reported has been resolved. Looks much better!

Thanks

Brendan



> On Sep 20, 2017, at 7:52 AM, luciash <luci@tiki.org> wrote:
>
> Hi,
>
> I believe I have fixed both issues you reported. Thanks!
>
> luci
>
>
>
>
> On 13.9.2017 19:29, luciash wrote:
>> Aha, thanks for the screenies guys! These are two different issues. I will try to tackle them one by one...
>>
>> Thanks,
>>
>> luci
>>
>>
>> On 13.9.2017 18:40, Cloutier, Philippe (DGARI-Consultant) wrote:
>>> I don’t know if Brendan was reporting a second issue, but to clarify, while I did see the issue Brendan illustrated in other situations, the issue I meant to report this morning looks as follows:
>>> <image001.png>
>>>
>>>
>>> De : Brendan Ferguson mailto:drsassafras@gmail.com <mailto:drsassafras@gmail.com>
>>> Envoyé : 13 septembre 2017 12:04
>>> À : Tiki developers <tikiwiki-devel@lists.sourceforge.net> <mailto:tikiwiki-devel@lists.sourceforge.net>
>>> Objet : Re: Tiki-devel Bubble displays poorly when it goes under (RE: Neat CSS trick to have links to “sister sites” distinguished)
>>>
>>> https://doc.tiki.org/Jitsi <https://doc.tiki.org/Jitsi>
>>>
>>> <image002.jpg>
>>> I don’t know if the attachment will be allowed, but this is what I see when viewing the above page. Ive seen it happen in a lot of other places where there is little space. It makes the link almost imposable to click, because when you hover, the link moves to the first line.
>>>
>>> Brendan
>>>
>>>
>>>
>>> On Sep 13, 2017, at 11:53 AM, luciash <luci@tiki.org <mailto:luci@tiki.org>> wrote:
>>>
>>> Poor? Sad! Feel free to play with it in inspect element and if you find better way enhance the https://themes.tiki.org/Tiki_org_family_customizations_CSS <https://themes.tiki.org/Tiki_org_family_customizations_CSS>
>>>
>>> Philippe Cloutier Sorry, that’s not my area. “Poor” was a euphemism; it’s pointing in the direction opposite to the link.
>>>
>>> This is the best way I found (better than breaking the bubble and the pointer cut separated like before when the link was on two lines).
>>>
>>> luci
>>>
>>>
>>> On 13.9.2017 15:08, Cloutier, Philippe (DGARI-Consultant) wrote:
>>>
>>> Hi,
>>> This depends on viewport size, but https://tiki.org/forumthread51230#threadId51381 <https://tiki.org/forumthread51230#threadId51381> shows a link where the round may go down instead of up. If the link is at the end of the first line (in my case, the link is split on 2 lines), the bubble’s display is poor. In particular, the indication about its origin points down, when it should point up. Google Chrome 60
>>>
>>>
>>> De : Bernard Sfez mailto:me@bsfez.com <mailto:me@bsfez.com>
>>> Envoyé : 21 mars 2017 08:32
>>> À : Tiki developers <tikiwiki-devel@lists.sourceforge.net <mailto:tikiwiki-devel@lists.sourceforge.net>>
>>> Objet : Re: Tiki-devel Neat CSS trick to have links to “sister sites” distinguished
>>>
>>> Hi Luci,
>>>
>>> This look great to me. :-)
>>>
>>> Bernard
>>>
>>>
>>>
>>> On 21 Mar 2017, at 12:29 , luciash <luci@tiki.org <mailto:luci@tiki.org>> wrote:
>>>
>>> Hi Devs,
>>>
>>> Marc Laporte had this idea (aka feature request ;)) for “Federation:
>>> colored links for sister wiki links” and I have come up with a neat
>>> trick to identify and distinguish external links using CSS only so it
>>> does not need any extra code introduced in Tiki base.
>>>
>>> Described here: https://themes.tiki.org/CSS+Tricks <https://themes.tiki.org/CSS+Tricks>
>>>
>>> I have also already presented it at the Roundtable Meeting:
>>> http://recordings.blindsidenetworks.com/citadelrock/d559965849921585c1849af03b7a51638700d979-1489674287435/presentation/?t=30m12s <http://recordings.blindsidenetworks.com/citadelrock/d559965849921585c1849af03b7a51638700d979-1489674287435/presentation/?t=30m12s>
>>>
>>> POC here: http://codepen.io/luciash/pen/ZerOBv <http://codepen.io/luciash/pen/ZerOBv>
>>>
>>> Live in action here: https://doc.tiki.org/Troubleshooting <https://doc.tiki.org/Troubleshooting>
>>>
>>> Plan is to enable this on all *.tiki.org sites. Any feedback?
>>>
>>> Thanks,
>>>
>>> luci
>>> ------------------------------------------------------------------------------
>>> Check out the vibrant tech community on one of the world’s most
>>> engaging tech sites, Slashdot.org <http://slashdot.org/>! http://sdm.link/slashdot <http://sdm.link/slashdot>
>>> ___
>>> TikiWiki-devel mailing list
>>> TikiWiki-devel at lists.sourceforge.net <mailto:TikiWiki-devel@lists.sourceforge.net>
>>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel <https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel>
>>>
>>>
>>> ------------------------------------------------------------------------------
>>> Check out the vibrant tech community on one of the world’s most
>>> engaging tech sites, Slashdot.org <http://slashdot.org/>! http://sdm.link/slashdot <http://sdm.link/slashdot>
>>> ___
>>> TikiWiki-devel mailing list
>>> TikiWiki-devel at lists.sourceforge.net <mailto:TikiWiki-devel@lists.sourceforge.net>
>>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel <https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel>
>>>
>>>
>>>
>>> ------------------------------------------------------------------------------
>>> Check out the vibrant tech community on one of the world’s most
>>> engaging tech sites, Slashdot.org! http://sdm.link/slashdot <http://sdm.link/slashdot>
>>>
>>> ___
>>> TikiWiki-devel mailing list
>>> TikiWiki-devel at lists.sourceforge.net <mailto:TikiWiki-devel@lists.sourceforge.net>
>>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel <https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel>
>>
>>
>>
>> ------------------------------------------------------------------------------
>> Check out the vibrant tech community on one of the world’s most
>> engaging tech sites, Slashdot.org! http://sdm.link/slashdot <http://sdm.link/slashdot>
>>
>> ___
>> TikiWiki-devel mailing list
>> TikiWiki-devel at lists.sourceforge.net <mailto:TikiWiki-devel@lists.sourceforge.net>
>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel <https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel>
>
> ------------------------------------------------------------------------------
> Check out the vibrant tech community on one of the world’s most
> engaging tech sites, Slashdot.org <http://slashdot.org/>! http://sdm.link/slashdot_ <http://sdm.link/slashdot___>
> TikiWiki-devel mailing list
> TikiWiki-devel at lists.sourceforge.net <mailto:TikiWiki-devel@lists.sourceforge.net>
> https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel <https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel>


Why Register?

Register at tiki.org and you'll be able to use the account at any *.tiki.org site, thanks to the InterTiki feature. A valid email address is required to receive site notifications and occasional newsletters. You can opt out of these items at any time.