• Select variable Label
• Select variable Options

Should be white but then the close button needs to be updated

We're using Dart SASS for our build but have node-sass installed. Node-SASS is a lot faster but does it have minify or compact?

• Select should have gray background, black text
• Button should have a text-underline

Some places focus is indicated just by color change. That is not sufficiently accessible

• Breakout default margins to variables
• Replace all margins/paddings that reffers to explicit sizes with the size token

Handel med varor och tjänster/SNI-kodat tabell

Remove white-space: nowrap;

Probably just add and run css-minify package

#pxwebcontent .variableselector_selectionerror_label_text {
display: none;
}

All black hover. Should be transparent

Should have a border right for all th within tbody.

Chrome/Safari shows only a field one line tall.
Text is either option value (if only one selected) or "x selected".
On click will show system dialog for multi select.

Firefox shows all options.
On click will show system dialog for multi select

Since we already show number of selected options, the mobile experience is that this is shown twice.

Todo

• Make sure padding is only implemented in "Select variable" select boxes
• Replace select box options with spans in prototype. Hide options but make select box clickable
• Do iPads and other tablets use system dialog for multi select?

Investigate and make sure the height/width ratio is ok

Remove google font dependencies

Exampel view