Re: ex-col jumping headings fix

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)

Received on Friday, 19 May 2017 10:04:11 UTC