cms/app-client/app/styles/components/discourses-component.scss
author Chloe Laisne <chloe.laisne@gmail.com>
Sun, 02 Oct 2016 15:24:56 +0200
changeset 311 f4327199e8f0
parent 310 b1f9bcfda379
child 312 cd62bbf96322
permissions -rw-r--r--
Solve count value on discourses
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
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;
df030ddd4eca Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents: 265
diff changeset
    24
}
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
.discourses-component .item::before {
df030ddd4eca Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents: 265
diff changeset
    27
	content: '';
df030ddd4eca Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents: 265
diff changeset
    28
	display: block;
df030ddd4eca Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents: 265
diff changeset
    29
	width: 100%;
df030ddd4eca Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents: 265
diff changeset
    30
	height: 100%;
df030ddd4eca Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents: 265
diff changeset
    31
	position: absolute;
265
5995d360e6ac Discourse bubbles radius range + font size
Chloe Laisne <chloe.laisne@gmail.com>
parents: 223
diff changeset
    32
}
5995d360e6ac Discourse bubbles radius range + font size
Chloe Laisne <chloe.laisne@gmail.com>
parents: 223
diff changeset
    33
292
df030ddd4eca Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents: 265
diff changeset
    34
.discourses-component .item.selected {
df030ddd4eca Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents: 265
diff changeset
    35
	color: $light-blue;
df030ddd4eca Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents: 265
diff changeset
    36
	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
    37
	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
    38
}
df030ddd4eca Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents: 265
diff changeset
    39
df030ddd4eca Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents: 265
diff changeset
    40
.discourses-component .item span {
df030ddd4eca Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents: 265
diff changeset
    41
	display: inline-block;
df030ddd4eca Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents: 265
diff changeset
    42
	text-align: center;
df030ddd4eca Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents: 265
diff changeset
    43
}
df030ddd4eca Convert discourses pack circles to div + Highlight select filter
Chloe Laisne <chloe.laisne@gmail.com>
parents: 265
diff changeset
    44
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
.discourses-component .item span .count {
265
5995d360e6ac Discourse bubbles radius range + font size
Chloe Laisne <chloe.laisne@gmail.com>
parents: 223
diff changeset
    47
	font-weight: bold;
5995d360e6ac Discourse bubbles radius range + font size
Chloe Laisne <chloe.laisne@gmail.com>
parents: 223
diff changeset
    48
	display: block;
206
e038d5782d06 Discourses component: Modify label styles / Styling to SCSS / Cursor pointer
Chloe Laisne <chloe.laisne@gmail.com>
parents:
diff changeset
    49
}