corpus_parole: cms/app-client/app/styles/components/discourses-component.scss@7f5fd48fa6c2 (annotated)

206 e038d5782d06 Discourses component: Modify label styles / Styling to SCSS / Cursor pointer Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	1	.discourses-component {
e038d5782d06 Discourses component: Modify label styles / Styling to SCSS / Cursor pointer Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	2	position: relative;
310 b1f9bcfda379 Change discourse layout to spread bubbles accross Chloe Laisne <chloe.laisne@gmail.com> parents: 292 diff changeset	3	width: inherit;
b1f9bcfda379 Change discourse layout to spread bubbles accross Chloe Laisne <chloe.laisne@gmail.com> parents: 292 diff changeset	4	height: inherit;
206 e038d5782d06 Discourses component: Modify label styles / Styling to SCSS / Cursor pointer Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	5	}
e038d5782d06 Discourses component: Modify label styles / Styling to SCSS / Cursor pointer Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	6
292 df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	7	.discourses-component .item {
206 e038d5782d06 Discourses component: Modify label styles / Styling to SCSS / Cursor pointer Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	8	cursor: pointer;
e038d5782d06 Discourses component: Modify label styles / Styling to SCSS / Cursor pointer Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	9	}
e038d5782d06 Discourses component: Modify label styles / Styling to SCSS / Cursor pointer Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	10
292 df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	11	.discourses-component .category {
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	12	display: none;
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	13	}
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	14
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	15	.discourses-component .item {
223 2457942e7453 Colors to variables Chloe Laisne <chloe.laisne@gmail.com> parents: 206 diff changeset	16	color: $dark-blue;
206 e038d5782d06 Discourses component: Modify label styles / Styling to SCSS / Cursor pointer Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	17	text-align: center;
e038d5782d06 Discourses component: Modify label styles / Styling to SCSS / Cursor pointer Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	18	font-size: 12px;
e038d5782d06 Discourses component: Modify label styles / Styling to SCSS / Cursor pointer Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	19	position: absolute;
292 df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	20	display: inline-block;
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	21	border-radius: 100%;
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	22	border-width: 1px;
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	23	border-style: solid;
312 cd62bbf96322 Add hover state to discourse bubbles Chloe Laisne <chloe.laisne@gmail.com> parents: 310 diff changeset	24	cursor: pointer;
292 df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	25	}
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	26
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	27	.discourses-component .item::before {
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	28	content: '';
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	29	display: block;
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	30	width: 100%;
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	31	height: 100%;
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	32	position: absolute;
265 5995d360e6ac Discourse bubbles radius range + font size Chloe Laisne <chloe.laisne@gmail.com> parents: 223 diff changeset	33	}
5995d360e6ac Discourse bubbles radius range + font size Chloe Laisne <chloe.laisne@gmail.com> parents: 223 diff changeset	34
312 cd62bbf96322 Add hover state to discourse bubbles Chloe Laisne <chloe.laisne@gmail.com> parents: 310 diff changeset	35	.discourses-component .item:hover,
292 df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	36	.discourses-component .item.selected {
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	37	color: $light-blue;
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	38	background-color: $medium-blue!important;
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	39	border-color: $light-blue!important;
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	40	}
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	41
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	42	.discourses-component .item span {
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	43	display: inline-block;
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	44	text-align: center;
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	45	}
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	46
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	47
df030ddd4eca Convert discourses pack circles to div + Highlight select filter Chloe Laisne <chloe.laisne@gmail.com> parents: 265 diff changeset	48	.discourses-component .item span .count {
265 5995d360e6ac Discourse bubbles radius range + font size Chloe Laisne <chloe.laisne@gmail.com> parents: 223 diff changeset	49	font-weight: bold;
5995d360e6ac Discourse bubbles radius range + font size Chloe Laisne <chloe.laisne@gmail.com> parents: 223 diff changeset	50	display: block;
206 e038d5782d06 Discourses component: Modify label styles / Styling to SCSS / Cursor pointer Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	51	}

author	Chloe Laisne <chloe.laisne@gmail.com>
	Fri, 14 Oct 2016 18:50:43 +0200
changeset 332	7f5fd48fa6c2
parent 312	cd62bbf96322
child 362	c7aac4484587
permissions	-rw-r--r--