Re: ex-col jumping headings fix

Thanks Eric, the muscle!

Have a great face-to-face... (/me goes in a corner to cry)

Best,
   Shadi


On 19/05/2017 12:03, Eric Eggert wrote:
> Hi Shadi,
>
> I added the CSS to the wai-main.css file, so it should apply to any
> pages that use that CSS. If you find something odd, just drop me an email.
>
> Best, Eric
>
> On 19 May 2017, at 3:03, Shadi Abou-Zahra wrote:
>
>> Hi Eric,
>>
>> I dropped this thread...
>>
>> The pages use some sort of script to generate the header and nav
>> parts, including for the excol (include "functions.php"). I think it
>> would be safer if you could make this fix.
>>
>> Many thanks,
>>   Shadi
>>
>>
>> On 28/03/2017 16:16, Eric Eggert wrote:
>>> I have not changed anything with the ex/col yet. The code will fix the
>>> issue, as far as I can see.
>>>
>>> To make the bottom border to match, use the following code should work:
>>>
>>> .f_panelHead {
>>> border-bottom: solid transparent;
>>> }
>>> .f_panelHead.fs_hover, .f_panelHead.fs_focus {
>>> border-bottom: solid currentColor;
>>> }
>>> .f_panelHead.fs_selected {
>>> border-bottom: solid currentColor;
>>> }
>>>
>>> Eric
>>>
>>> On 28 Mar 2017, at 15:27, Shawn Henry wrote:
>>>
>>>> I'll talk to Eric on Wednesday about it.
>>>>
>>>> ~Shawn
>>>>
>>>> On 3/27/2017 7:08 AM, Shadi Abou-Zahra wrote:
>>>>> Hi Shawn,
>>>>>
>>>>> Is this still the right fix for the ex/col issue? Maybe Eric can help
>>>>> update the pages to the latest WAI coding (including navigation etc)?
>>>>>
>>>>> Best,
>>>>>   Shadi
>>>>>
>>>>>
>>>>> On 12-Dec-13 19:07, Shawn Henry wrote:
>>>>>> When hover (or focus) on an ex/col heading, a bottom border is added
>>>>>> that causes the text below it to shift down slightly.
>>>>>>
>>>>>> I put the following temporary hack in
>>>>>> <http://www.w3.org/WAI/eval/preliminary>
>>>>>>
>>>>>> .f_panelHead {
>>>>>>     border-bottom: solid #fffaf5;
>>>>>> }
>>>>>> .f_panelHead.fs_hover, .f_panelHead.fs_focus {
>>>>>>     border-bottom: solid #993300;
>>>>>> }
>>>>>> .f_panelHead.fs_selected {
>>>>>>     border-bottom: solid #993300;
>>>>>> }
>>>>>>
>>>>>> This is not ideal because some of the headings are #993300 but
>>>>>> some are
>>>>>> black and it would be good for the bottom border to match.
>>>>>>
>>>>>> Also, in those headings, the bottom of the descenders is slightly cut
>>>>>> off. I didn't mess with that.
>>>>>>
>>>>>> I'll not work on it anymore now and hope it can get on someone's
>>>>>> list to
>>>>>> do a proper fix to the css. :-)
>>>>>>
>>>>>> ~Shawn
>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>>
>>
>> --
>> Shadi Abou-Zahra - http://www.w3.org/People/shadi/
>> Accessibility Strategy and Technology Specialist
>> Web Accessibility Initiative (WAI)
>> World Wide Web Consortium (W3C)

-- 
Shadi Abou-Zahra - http://www.w3.org/People/shadi/
Accessibility Strategy and Technology Specialist
Web Accessibility Initiative (WAI)
World Wide Web Consortium (W3C)

Received on Friday, 19 May 2017 11:45:16 UTC