Qlik-Sense-Screen-Resizer/screen_resizer.css at master · mhamano/Qlik-Sense-Screen-Resizer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
/* CSS */
/* Button design */
.resize_grid_btn {
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #83c41a;
	padding:7px 14px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	background:-ms-linear-gradient( top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #9dce2c), color-stop(100%, #8cb82b) );
	background-color:#9dce2c;
	color:#ffffff;
	display:inline-block;
}

.resize_grid_btn:hover {
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	background:-ms-linear-gradient( top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #8cb82b), color-stop(100%, #9dce2c) );
	background-color:#8cb82b;
}

.resize_grid_btn:active {
	position:relative;
	top:1px;
}

@media screen and (min-width: 640px) {

	/* Design zoomed charts */
	div#grid.ng-isolate-scope.grid-cell-zoomed {
		position: fixed;
		top: 130px;
		bottom: 20px;
		margin-right: 20px;
		margin-left: 20px;
		height: calc(100vh - 140px);
		height: -o-calc(100vh - 140px); /* opera */
		height: -webkit-calc(100vh - 200px); /* google, safari */
		height: -moz-calc(100vh - 140px); /* firefox */
	}

	/* Center: Panel Content */
	 div.qv-panel-content.flex-row {
	 	overflow: auto;
	 	-webkit-overflow-scrolling
	 }

	/* Left: Panel Assets */
	div.qv-panel-assets.ng-scope.ng-isolate-scope {
		height: 100%;
	}

	/* Left: Button Panel */
	#assets-button-panel {
		position: fixed;
		width: 46px;
		top: 44px;
		bottom: 37px;
	}

	/* Left: Tab Container */
	#assets-tab-container {
		position: fixed;
		left: 46px;
		width: 200px;
		bottom: 37.2222px;
	}

	/* Left: Hide Tab Container when collapsed */
	div.qv-panel-assets-collapsed section#assets-tab-container {
		display: none;
	}

	/* Right: Property Header */
	div.property-header {
		position: fixed;
		top: 43.9931px;
		width: 251.111px;
	}

	/* Right: Property Content */
	div.property-content.ng-scope.ng-isolate-scope{
		top: 43.9861px;
		bottom: 37.2222px;
		position: fixed;
		margin-right: 20px;
		width: 251.111px;
		height: auto;
	}
}