design/css/main.scss
author Alexandre Segura <mex.zktk@gmail.com>
Thu, 08 Jun 2017 11:13:41 +0200
changeset 21 284e866f55c7
parent 20 a8300ef1876e
child 22 92283f86282d
permissions -rw-r--r--
First version of categories tooltip. - Use react-portal to display hovering menu. - Add custom Mark to store category data.
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
4
duong tam kien <tk@deveha.com>
parents:
diff changeset
     1
---
duong tam kien <tk@deveha.com>
parents:
diff changeset
     2
---
duong tam kien <tk@deveha.com>
parents:
diff changeset
     3
20
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
     4
nav.navbar {
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
     5
	background: none;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
     6
}
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
     7
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
     8
$grey-light : rgba(0, 0, 0, .125);
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
     9
4
duong tam kien <tk@deveha.com>
parents:
diff changeset
    10
#session {
duong tam kien <tk@deveha.com>
parents:
diff changeset
    11
	background: white;
20
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    12
	// border: 1px black solid;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    13
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    14
	display: flex;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    15
	align-items: center;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    16
	justify-content: center;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    17
4
duong tam kien <tk@deveha.com>
parents:
diff changeset
    18
	position: fixed;
20
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    19
	width: 260px;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    20
	height: 100%;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    21
	z-index: 99999999;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    22
	overflow: hide;
4
duong tam kien <tk@deveha.com>
parents:
diff changeset
    23
20
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    24
	.card {
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    25
		top: -38px;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    26
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    27
		width: 220px;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    28
		height: 600px;
4
duong tam kien <tk@deveha.com>
parents:
diff changeset
    29
20
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    30
		ul {
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    31
			//height: 200px;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    32
			overflow-y: scroll;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    33
		}
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    34
	}
4
duong tam kien <tk@deveha.com>
parents:
diff changeset
    35
}
duong tam kien <tk@deveha.com>
parents:
diff changeset
    36
duong tam kien <tk@deveha.com>
parents:
diff changeset
    37
#editor {
duong tam kien <tk@deveha.com>
parents:
diff changeset
    38
	width: 100%;
duong tam kien <tk@deveha.com>
parents:
diff changeset
    39
	background: white;
20
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    40
	height: 7em;
4
duong tam kien <tk@deveha.com>
parents:
diff changeset
    41
20
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    42
	border-top: 1px solid $grey-light;
4
duong tam kien <tk@deveha.com>
parents:
diff changeset
    43
duong tam kien <tk@deveha.com>
parents:
diff changeset
    44
	textarea {
20
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    45
		// border: 1px solid black;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    46
		// with: 100%;
a8300ef1876e start of sidebar and navbar
duong tam kien <tk@deveha.com>
parents: 4
diff changeset
    47
		// height: 2em;
4
duong tam kien <tk@deveha.com>
parents:
diff changeset
    48
	}
duong tam kien <tk@deveha.com>
parents:
diff changeset
    49
}
duong tam kien <tk@deveha.com>
parents:
diff changeset
    50