Skip to content

Commit ef9b9d9

Browse files
SSBHalvorSSBHalvor
authored
Merge pull request #125 from statisticsnorway/assets
added the assets to ssb-konjunk
2 parents 548ca57 + 404f10f commit ef9b9d9

File tree

6 files changed

+301
-1
lines changed

6 files changed

+301
-1
lines changed

‎pyproject.toml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
[project]
22
name = "ssb-konjunk"
3-
version = "2.1.2"
3+
version = "2.1.3"
44
description = "SSB Konjunk 422"
55
authors = [
66
{name = "Johanne Saxegaard", email = "jox@ssb.no"},

‎src/ssb_konjunk/dash/assets/indirect.css‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
2+
@import "main.css";
3+
4+
.indirect-container {
5+
display: flex;
6+
justify-content: center;
7+
flex-direction: row;
8+
}
9+
10+
.indirect-wrapper {
11+
display: flex;
12+
justify-content: center;
13+
flex-direction: column;
14+
}
15+
.indirect-label {
16+
font-size: 16px;
17+
font-weight: bolder;
18+
color: var(--secondary-color);
19+
margin:0px
20+
}
21+
22+
.main-number {
23+
font-size:46px;
24+
color: var(--secondary-color);
25+
margin:0px;
26+
font-weight: bolder;
27+
}

‎src/ssb_konjunk/dash/assets/kontroller.css‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
@import "main.css";
2+
3+
.kontroller-main-layout {
4+
display: flex;
5+
}
6+
7+
.kontroller-subpage-container {
8+
display: grid;
9+
columns: 1;
10+
gap: 20px;
11+
}

‎src/ssb_konjunk/dash/assets/main.css‎

Lines changed: 127 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,127 @@
1+
2+
:root {
3+
--main-color: #00824D;
4+
--secondary-color: #274247;
5+
--error-color: #DC3400;
6+
}
7+
8+
.main-layout {
9+
gap: 20px;
10+
}
11+
.divider {
12+
margin-bottom: 10px;
13+
}
14+
15+
.card {
16+
border: thin solid var(--main-color);
17+
margin: 20px;
18+
padding-top:10px;
19+
padding-bottom:20px;
20+
padding-left:20px;
21+
padding-right:20px;
22+
23+
}
24+
25+
table {
26+
width:100%;
27+
}
28+
29+
td {
30+
31+
white-space: nowrap;
32+
overflow: hidden;
33+
text-overflow: ellipsis;
34+
}
35+
table, th, td {
36+
border: 1px solid var(--main-color);
37+
padding-top:4px;
38+
padding-bottom:4px;
39+
padding-left:8px;
40+
padding-right:8px;
41+
border-collapse: collapse;
42+
text-align: right;
43+
font-size: 14px;
44+
}
45+
46+
.small-header {
47+
color: var(--secondary-color);
48+
font-size: 24px
49+
}
50+
51+
.row-container{
52+
display: flex;
53+
}
54+
55+
@media (max-width: 1200px) {
56+
.row-container {
57+
flex-direction: column;
58+
}
59+
}
60+
61+
.graph-container {
62+
width: 100%;
63+
height: 100%;
64+
padding-top:20px;
65+
display: flex;
66+
flex-direction: column;
67+
}
68+
69+
.graph-class {
70+
width: 100%;
71+
display: flex;
72+
}
73+
.table-container {
74+
display: flex;
75+
flex-direction: column;
76+
}
77+
78+
.chart-row-container {
79+
display: flex;
80+
}
81+
82+
.column {
83+
display: flex;
84+
width: 100%;
85+
}
86+
87+
88+
.dropdown-container {
89+
padding:20px;
90+
}
91+
92+
.nav-container {
93+
display:flex;
94+
flex-direction: row;
95+
justify-content: space-between;
96+
border-bottom: thin solid var(--main-color);
97+
margin-bottom: 10px;
98+
padding:10px;
99+
}
100+
101+
.nav-row-container {
102+
103+
display:flex;
104+
flex-direction: row;
105+
align-items: flex-end;
106+
107+
}
108+
.nav-item-container{
109+
height: fit-content;
110+
margin-right: 10px;
111+
padding-left: 10px;
112+
border-left: var(--main-color);
113+
border-left-width: 2px;
114+
border-left-style: solid;
115+
}
116+
117+
.nav-item {
118+
color: var(--main-secondary);
119+
font-size:18px;
120+
121+
}
122+
123+
a.nav-item:hover {
124+
color: var(--main-color);
125+
font-size:18px
126+
}
127+

‎src/ssb_konjunk/dash/assets/selector.css‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
@import "main.css";
2+
3+
.selector-option-text {
4+
5+
}
6+
7+
.selector-option-active {
8+
background-color: var(--main-color);
9+
color: white;
10+
padding-right: 70px;
11+
padding-top: 6px;
12+
padding-bottom: 6px;
13+
padding-left: 6px;
14+
}
15+
16+
.selector-option-passive {
17+
background-color: transparent;
18+
padding-right: 70px;
19+
padding-top: 6px;
20+
padding-bottom: 6px;
21+
padding-left: 6px;
22+
}
23+
.selector-container{
24+
25+
padding-left: 10px;
26+
border-right: 1px solid var(--main-color);
27+
height: 100%;
28+
margin-right: 10px;
29+
white-space: nowrap;
30+
}

‎src/ssb_konjunk/dash/assets/visualize.css‎

Lines changed: 105 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,105 @@
1+
@import "main.css";
2+
3+
.visualize-selector-container {
4+
display: flex;
5+
flex-direction: column;
6+
gap: 20px
7+
}
8+
9+
.visualize-layout {
10+
gap: 20px;
11+
display: flex;
12+
flex-direction: column;
13+
}
14+
15+
.visualize-content-container {
16+
display: grid;
17+
grid-template-columns: 30% 70%;
18+
}
19+
20+
.visualize-alert-container {
21+
position: absolute;
22+
top: 100px;
23+
right: 100px;
24+
}
25+
26+
.visualizer-alert {
27+
border-radius: 10px;
28+
border-color: var(--error-color);
29+
border-style: dotted;
30+
border-width: 1px;
31+
color: var(--error-color);
32+
padding: 20px;
33+
}
34+
35+
36+
.visualizer-dropdown-item {
37+
width: 100%;
38+
margin:0px;
39+
padding:0px
40+
}
41+
42+
.visualizer-dropdown-item:hover {
43+
44+
}
45+
46+
.visualizer-nace-dropdown {
47+
border-color: black;
48+
border-radius: 0px;
49+
max-width: 350px;
50+
min-width: 230px;
51+
}
52+
53+
.visualizer-nace-dropdown:focus {
54+
border-color: black;
55+
border-radius: 0px;
56+
}
57+
.Select-control {
58+
border-color: black;
59+
border-radius: 0px;
60+
height: 43px;
61+
}
62+
63+
.Select-control:hover{
64+
outline-width: 2px;
65+
outline-color: var(--main-color);
66+
outline-style: solid;
67+
cursor: pointer;
68+
}
69+
70+
.is-focused:not(.is-open)>.Select-control {
71+
border: 0px solid var(--main-color);
72+
outline: 3px solid var(--main-color);
73+
}
74+
75+
.Select-control:focus{
76+
outline-width: 2px;
77+
outline-color: var(--main-color);
78+
outline-style: solid;
79+
cursor: pointer;
80+
}
81+
.Select-placeholder {
82+
color:black;
83+
opacity:0.8;
84+
}
85+
86+
.Select-value {
87+
border: 0px solid transparent !important;
88+
color: black !important;
89+
height: 43px;
90+
}
91+
.Select-value-icon {
92+
display: none !important;
93+
}
94+
95+
.Select-value-label {
96+
height: 43px !important;
97+
}
98+
#react-select-2–value-item {
99+
color: white;
100+
}
101+
102+
.VirtualizedSelectOption:hover {
103+
background-color: var(--secondary-color);
104+
color:white
105+
}

0 commit comments

Comments
 (0)