Guys, i’m using ui-select.

 
Galizia: I’ve tried the space between like that, and the space inside the spans

Elhassan: C0nundrum if it supports :: then it supports : but not the other way.

Mcgohan: Brodhurst, you asking me? lol

Wilfahrt: GreenJello http://jsfiddle.net/3uzh2d9e/ you want that? I’m not sure I understood your q’

Kalla: Mobbs, http://jsfiddle.net/3uzh2d9e/1/

Broady: I switched to using flexbox for everything, and this is the only thing that isn’t quite right

Duggar: Currently I set a margin-left on the second one but that’s hacky

Treiber: Iwas thinking about that, margin-right on the first, or margin-left on the second :

Harnett: I tried white-space: pre and pre-wrap, but that didn’t do anything

Lautt: GreenJello the ::before and ::after are rendered inside the element’s tag, not outside.

Passman: I’d go with the left/right margin thing, there are far worse most common and hacky tricks out there, like the left:50% transform:translateX-50%, a simple margin is not that hacky! :

Flotow: How do I figure out what the width of a space should be?

Shimada: Dont ask me, I use px for everything

Pursel: Whatever 15px is ok with me :

Wintermute: Hi all. have any of you used the ui-select module in angular ?

Yeater: Does anyone know of any map font libraries? Particularly for the UK

Lairson: What is a map font library?

Seedborg: Mobbs: there’s one for US states called stately http://intridea.github.io/stately/

Aronica: Like this: http://mapglyphs.com/

Premo: Only seems to have US states

Miedema: Can css such a background-image apply to canvas elements?

Labarbara: Oh, actual map embedded as fonts :

Pound: Jumpman: very awesome, I wish it got a little more detailed for the UK, down to counties

Fruehauf: But it does go down to countries

Everet: I’m just _really_ trying to avoid using SVG

Brandly: You could compile your own font from SVGs, i’ve seen some web tools for that

Andruss: I would, personally, just use CSS cl***es like “.geo-countyname” on divs you’ve already styled to be the size and shape of icons

Konik: So you would use them like div cl***=”icon geo-countyname”

Schemonia: Depending on how many counties there are in the UK i would decide between including them as images or as data URIs

Lout: Data URIs are bigger than SVG files but don’t require an additional request

Kaczynski: I think it’s a number between 100 and 150

Scheno: I’m able to find SVG’s on Wikipedia that are suitable

Mednis: Yeah, i probably wouldn’t want 150 different requests for the SVGs

Mannine: Just put them all in one, as an image atlas, and then clip it

Paongo: The only thing I really need are click and hover events for each county. And an ID reference

Darvin: And the whole thing to somewhat scale, though if that’s impossible I will pixel size render with break points

Snoddy: Mobbs: you mean like an SVG sprite sheet?

Andreu: Jumpman yup, I bet there’s clip feature for svg too, right?

Finerty: Yeah, i’d probably do it with groups and use

Windom: That’s actually a much better solution

Murchison: You could probably end up with one master svg svg g id=”some-county” actual county svg /g /svg

Blessett: And then use them with svg use xlink:href=”#some-county”/use /svg

Rosenkranz: Ooooh, there’s a CSS-tricks on it: https://css-tricks.com/svg-sprites-use-better-icon-fonts/

Longstreet: That’s very interesting info, I didntknow about the use xlink thing

Mushrush: I used it once for an elaborate svg animation a few years ago and that’s it :p

Begnaud: Guys, i’m using ui-select with angular and seeing some weird issues