git ssb - Merge pull request #145 from ticktackim/dragabble_header

dragabble header for electron

mix irving authored on 5/21/2018, 10:26:57 AM
GitHub committed on 5/21/2018, 10:26:57 AM
Parent: c0dd626b0d708d6baff34a5f1e8fb399bc0119cd
Parent: 9b19b5a70b39a1c9be486b77245fc9c69a5a6727

app/html/header.mcss	changed
app/page/settings.mcss	changed

app/html/header.mcssView
		@@ -1,6 +1,23 @@
1	1 …	Header {
	2 …	+ -webkit-app-region: drag
	3 …	+
	4 …	+ $colorPrimary
	5 …	+
	6 …	+ width: 100%
	7 …	+ height: 3.5rem
	8 …	+ position: fixed
	9 …	+ top: 0
	10 …	+ z-index: 99
	11 …	+
	12 …	+ display: grid
	13 …	+ grid-template-rows: auto
	14 …	+ grid-template-columns: auto
	15 …	+ justify-content: center
	16 …	+
2	17 …	div.window-controls {
	18 …	+ -webkit-app-region: no-drag
	19 …	+
3	20 …	position: fixed
4	21 …	right: 0
5	22 …	z-index: 100
6	23 …
		@@ -15,28 +32,24 @@
15	32 …	}
16	33 …	}
17	34 …
18	35 …	nav {
19		- $colorPrimary
20		- padding: 1rem 0
	36 …	+ -webkit-app-region: drag
21	37 …
22		- width: 100%
23		- height: 1.5rem
24		- position: fixed
25		- top: 0
26		- z-index: 99
	38 …	+ width: 20rem
27	39 …
28	40 …	display: flex
29	41 …	align-items: center
30		- justify-content: center
	42 …	+ justify-content: space-between
31	43 …
32	44 …	i {
	45 …	+ -webkit-app-region: no-drag
	46 …	+
33	47 …	cursor: pointer
34	48 …	text-decoration: none
35	49 …	font-size: 1.4rem
36	50 …
37	51 …	display: flex
38		- margin: 0 2rem
39	52 …	}
40	53 …
41	54 …	i { font-size: 1.4rem }
42	55 …	i.notifications { color: #7da9ea }

mixmix / ticktack