corpus_parole: cms/app-client/app/styles/components/notice-component.scss@58df2c256e00 (annotated)

269 9659e91242e1 Add subjects to notice + Background color two notice type + Remove empty notice fields Chloe Laisne <chloe.laisne@gmail.com> parents: 228 diff changeset	1	.corpus-app-container.window {
373 e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	2	background-color: $corpus-white;
269 9659e91242e1 Add subjects to notice + Background color two notice type + Remove empty notice fields Chloe Laisne <chloe.laisne@gmail.com> parents: 228 diff changeset	3	}
9659e91242e1 Add subjects to notice + Background color two notice type + Remove empty notice fields Chloe Laisne <chloe.laisne@gmail.com> parents: 228 diff changeset	4
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	5	.notice-component {
416 6e6b7363f45f Simplify notice component and add permalink ymh <ymh.work@gmail.com> parents: 373 diff changeset	6	padding: 30px;
6e6b7363f45f Simplify notice component and add permalink ymh <ymh.work@gmail.com> parents: 373 diff changeset	7	color: $corpus-grey;
6e6b7363f45f Simplify notice component and add permalink ymh <ymh.work@gmail.com> parents: 373 diff changeset	8	}
6e6b7363f45f Simplify notice component and add permalink ymh <ymh.work@gmail.com> parents: 373 diff changeset	9
6e6b7363f45f Simplify notice component and add permalink ymh <ymh.work@gmail.com> parents: 373 diff changeset	10	.notice-permalink {
373 e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	11	color: $corpus-grey;
416 6e6b7363f45f Simplify notice component and add permalink ymh <ymh.work@gmail.com> parents: 373 diff changeset	12	text-decoration: underline dotted $corpus-grey;
6e6b7363f45f Simplify notice component and add permalink ymh <ymh.work@gmail.com> parents: 373 diff changeset	13	}
6e6b7363f45f Simplify notice component and add permalink ymh <ymh.work@gmail.com> parents: 373 diff changeset	14
6e6b7363f45f Simplify notice component and add permalink ymh <ymh.work@gmail.com> parents: 373 diff changeset	15	.notice-permalink::after {
6e6b7363f45f Simplify notice component and add permalink ymh <ymh.work@gmail.com> parents: 373 diff changeset	16	content: "\f14d";
6e6b7363f45f Simplify notice component and add permalink ymh <ymh.work@gmail.com> parents: 373 diff changeset	17	font-family: FontAwesome;
6e6b7363f45f Simplify notice component and add permalink ymh <ymh.work@gmail.com> parents: 373 diff changeset	18	font-style: normal;
6e6b7363f45f Simplify notice component and add permalink ymh <ymh.work@gmail.com> parents: 373 diff changeset	19	font-weight: normal;
6e6b7363f45f Simplify notice component and add permalink ymh <ymh.work@gmail.com> parents: 373 diff changeset	20	text-decoration: inherit;
6e6b7363f45f Simplify notice component and add permalink ymh <ymh.work@gmail.com> parents: 373 diff changeset	21
6e6b7363f45f Simplify notice component and add permalink ymh <ymh.work@gmail.com> parents: 373 diff changeset	22	color: $corpus-grey;
6e6b7363f45f Simplify notice component and add permalink ymh <ymh.work@gmail.com> parents: 373 diff changeset	23	padding-right: 0.5em;
6e6b7363f45f Simplify notice component and add permalink ymh <ymh.work@gmail.com> parents: 373 diff changeset	24	padding-left: 0.5em;
424 feb0d3e0fef9 add dynamic date range calculation for dates, and add color gradient component, add color gradient for language and chrono ymh <ymh.work@gmail.com> parents: 416 diff changeset	25	text-decoration: none;
373 e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	26	}
e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	27
e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	28	body.videoscreen .notice-component {
e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	29	padding-top: 20px;
e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	30	padding-bottom: 20px;
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	31	}
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	32
338 4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player Chloe Laisne <chloe.laisne@gmail.com> parents: 288 diff changeset	33	.notice-component a.fa {
4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player Chloe Laisne <chloe.laisne@gmail.com> parents: 288 diff changeset	34	text-decoration: none;
373 e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	35	color: $corpus-black;
338 4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player Chloe Laisne <chloe.laisne@gmail.com> parents: 288 diff changeset	36	font-size: 0px;
4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player Chloe Laisne <chloe.laisne@gmail.com> parents: 288 diff changeset	37	margin-left: 5px;
4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player Chloe Laisne <chloe.laisne@gmail.com> parents: 288 diff changeset	38	}
4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player Chloe Laisne <chloe.laisne@gmail.com> parents: 288 diff changeset	39
4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player Chloe Laisne <chloe.laisne@gmail.com> parents: 288 diff changeset	40	.notice-component a.fa:before {
4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player Chloe Laisne <chloe.laisne@gmail.com> parents: 288 diff changeset	41	font-size: 12px;
4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player Chloe Laisne <chloe.laisne@gmail.com> parents: 288 diff changeset	42	}
4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player Chloe Laisne <chloe.laisne@gmail.com> parents: 288 diff changeset	43
4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player Chloe Laisne <chloe.laisne@gmail.com> parents: 288 diff changeset	44	.notice-component .action {
4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player Chloe Laisne <chloe.laisne@gmail.com> parents: 288 diff changeset	45	cursor: pointer;
4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player Chloe Laisne <chloe.laisne@gmail.com> parents: 288 diff changeset	46	}
4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player Chloe Laisne <chloe.laisne@gmail.com> parents: 288 diff changeset	47
416 6e6b7363f45f Simplify notice component and add permalink ymh <ymh.work@gmail.com> parents: 373 diff changeset	48	.notice-component a.doc-link-bnf,
338 4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player Chloe Laisne <chloe.laisne@gmail.com> parents: 288 diff changeset	49	.notice-component a.doc-link-lexvo {
288 f2b77873a156 Notice link color and underline Chloe Laisne <chloe.laisne@gmail.com> parents: 269 diff changeset	50	cursor: pointer;
373 e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	51	color: $corpus-black;
288 f2b77873a156 Notice link color and underline Chloe Laisne <chloe.laisne@gmail.com> parents: 269 diff changeset	52	text-decoration: none;
338 4a3899b6a7ed Fix notice/transcript display when adding filter from notice, switching from playlist, toolbar, and player Chloe Laisne <chloe.laisne@gmail.com> parents: 288 diff changeset	53	pointer-events: none;
288 f2b77873a156 Notice link color and underline Chloe Laisne <chloe.laisne@gmail.com> parents: 269 diff changeset	54	}
f2b77873a156 Notice link color and underline Chloe Laisne <chloe.laisne@gmail.com> parents: 269 diff changeset	55
f2b77873a156 Notice link color and underline Chloe Laisne <chloe.laisne@gmail.com> parents: 269 diff changeset	56	.notice-component .language a {
f2b77873a156 Notice link color and underline Chloe Laisne <chloe.laisne@gmail.com> parents: 269 diff changeset	57	text-transform: capitalize;
f2b77873a156 Notice link color and underline Chloe Laisne <chloe.laisne@gmail.com> parents: 269 diff changeset	58	}
f2b77873a156 Notice link color and underline Chloe Laisne <chloe.laisne@gmail.com> parents: 269 diff changeset	59
228 a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	60	.notice-component .fa-close {
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	61	position: absolute;
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	62	top: 15px;
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	63	right: 15px;
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	64	color: $dark-blue;
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	65	cursor: pointer;
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	66	}
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	67
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	68	.notice-component .fa-close::before {
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	69	font-size: 20px;
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	70	}
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	71
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	72	.notice-component h2 {
416 6e6b7363f45f Simplify notice component and add permalink ymh <ymh.work@gmail.com> parents: 373 diff changeset	73	color: $corpus-blue;
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	74	text-align: left;
373 e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	75	font-weight: bold;
e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	76	font-size: 20px;
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	77	text-transform: uppercase;
373 e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	78	line-height: normal;
218 38e1a1446319 Player toolbar actions and display logic Chloe Laisne <chloe.laisne@gmail.com> parents: 217 diff changeset	79	padding: 0px;
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	80	}
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	81
228 a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	82	.notice-component.overlay h2,
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	83	.notice-component.overlay h3 {
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	84	color: $dark-grey;
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	85	}
a2497a2b6224 Notice display logic and design Chloe Laisne <chloe.laisne@gmail.com> parents: 226 diff changeset	86
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	87	.notice-component table {
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	88	line-height: 18px;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	89	border-collapse: collapse;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	90	width: 100%;
373 e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	91	margin-top: 5px;
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	92	}
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	93
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	94	.notice-component table tr {
373 e952c8a31a2b Transcript design + Fix video display and filter component font Chloe Laisne <chloe.laisne@gmail.com> parents: 338 diff changeset	95	border-bottom: solid 1px $corpus-black;
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	96	}
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	97
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	98	.notice-component table tr td {
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	99	vertical-align: top;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	100	padding: 10px 0px;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	101	}
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	102
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	103	.notice-component table tr td.title {
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	104	font-weight: bold;
223 2457942e7453 Colors to variables Chloe Laisne <chloe.laisne@gmail.com> parents: 218 diff changeset	105	color: $dark-blue;
269 9659e91242e1 Add subjects to notice + Background color two notice type + Remove empty notice fields Chloe Laisne <chloe.laisne@gmail.com> parents: 228 diff changeset	106	width: 25%;
217 989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	107	}
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	108
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	109	.notice-component table tr td ul {
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	110	list-style: none;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	111	margin: 0;
989b9c36b849 Toolbar and Notice component styles Chloe Laisne <chloe.laisne@gmail.com> parents: diff changeset	112	padding: 0;
416 6e6b7363f45f Simplify notice component and add permalink ymh <ymh.work@gmail.com> parents: 373 diff changeset	113	}

author	ymh <ymh.work@gmail.com>
	Tue, 22 Nov 2016 18:41:04 +0100
changeset 434	58df2c256e00
parent 424	feb0d3e0fef9
child 447	38d5789e30d0
permissions	-rw-r--r--