Re: [Vimprobable-users] Changing the hints CSS and other config without recompile

[Daniel C. <dan...@gm...>]

Hannes Schüller <ha...@yl...> wrote:
> Hi,
> 
> the attached patch exposes all visible hinting elements to styling via
> style.css. Four classes are used:
> 
> - vimprobable_hinting_mode_hint: unfocused number
> - vimprobable_hinting_mode_hint_focus: focused number
> - vimprobable_hinted_element: unfocused complete link
> - vimprobable_hinted_element_focus: focused complete link

From point of styling it would be easier to split the classes into a two
parts. One for hint-label or hint-element and a second class that indicated
the focus on them.

- vimprobable_label: hint label in general
- vimprobable_element: hinted element
- vimprobable_active: hinted element or label is currently active

The classes vimprobable_label and vimprobable_element can be used to apply a
general style to the hint labels and hinted elements like font-size, or
border. And the vimprobable_active class could be used to update the style in
case the hinted element or label is focused.

    /* style the hint label */
    .vimprobable_label {
        -webkit-transform:translate(-4px,-4px);
        background-color: #fff;
        border: 1px solid #444;
        color: #000;
        font:bold .9em monospace;
        margin: 0;
        opacity: 0.5;
        padding: 0px 1px;
        position: absolute;
        z-index: 100000;
    }
    /* style update for active hint label */
    .vimprobable_label.vimprobable_active {
        opacity: 1;
    }

I think we should apply such a default style by adding the style node into the
head of the current page and make sure that we do not do that twice.

Daniel