Skip to content

Commit 8e66e3f

Browse files
AugustHA-IteratorAugustHA-Iterator
committed
added styling for tabs based on PR on IoT-640
1 parent 5ef1a2c commit 8e66e3f

File tree

5 files changed

+188
-1
lines changed

5 files changed

+188
-1
lines changed

‎src/app/admin/users/user-list/user-list.component.scss‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
@import "src/assets/scss/setup/variables";
2+
3+
a {
4+
color: $color-link;
5+
border-bottom: 0px transparent !important;
6+
cursor: pointer;
7+
text-decoration: none;
8+
9+
&:hover,
10+
&.link-hover,
11+
&:visited:hover {
12+
color: $color-link-hover;
13+
border-bottom: 0px $color-link-hover-bg !important;
14+
15+
&:disabled,
16+
.disabled {
17+
background-color: transparent !important;
18+
}
19+
}
20+
21+
&:active,
22+
&.link-active {
23+
background-color: inherit;
24+
color: $color-active;
25+
border-bottom: 0px $color-link-active-bg !important;
26+
}
27+
28+
&:focus,
29+
&.link-focus {
30+
color: $color-link-focus;
31+
background-color: transparent;
32+
border-bottom: 0px $color-link-focus-bg !important;
33+
}
34+
35+
&:disabled,
36+
&.disabled {
37+
box-shadow: none !important;
38+
cursor: not-allowed !important;
39+
//color: #000 !important; // FIXME: Hvad skal der der være her?
40+
outline-offset: inherit !important;
41+
42+
&:focus {
43+
outline: none;
44+
background-color: transparent;
45+
}
46+
}
47+
}

‎src/app/applications/application-detail/application-detail.component.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -66,7 +66,7 @@ <h3>{{ "APPLICATION.DETAILS" | translate }}</h3>
6666
</div>
6767
</div>
6868

69-
<nav mat-tab-nav-bar [tabPanel]="tabPanel" >
69+
<nav mat-tab-nav-bar [tabPanel]="tabPanel">
7070
<a
7171
mat-tab-link
7272
*ngFor="let link of navTabs"

‎src/app/applications/application-detail/application-detail.component.scss‎

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,3 +20,49 @@
2020
.markerDescriptionDiv {
2121
margin-top: 10px;
2222
}
23+
24+
a {
25+
color: $color-link;
26+
border-bottom: 0px transparent !important;
27+
cursor: pointer;
28+
text-decoration: none;
29+
30+
&:hover,
31+
&.link-hover,
32+
&:visited:hover {
33+
color: $color-link-hover;
34+
border-bottom: 0px $color-link-hover-bg !important;
35+
36+
&:disabled,
37+
.disabled {
38+
background-color: transparent !important;
39+
}
40+
}
41+
42+
&:active,
43+
&.link-active {
44+
background-color: inherit;
45+
color: $color-active;
46+
border-bottom: 0px $color-link-active-bg !important;
47+
}
48+
49+
&:focus,
50+
&.link-focus {
51+
color: $color-link-focus;
52+
background-color: transparent;
53+
border-bottom: 0px $color-link-focus-bg !important;
54+
}
55+
56+
&:disabled,
57+
&.disabled {
58+
box-shadow: none !important;
59+
cursor: not-allowed !important;
60+
//color: #000 !important; // FIXME: Hvad skal der der være her?
61+
outline-offset: inherit !important;
62+
63+
&:focus {
64+
outline: none;
65+
background-color: transparent;
66+
}
67+
}
68+
}

‎src/app/applications/iot-devices/iot-device-detail/iot-device-detail.component.scss‎

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -31,3 +31,49 @@
3131
.application-table-header {
3232
// background-color: $white;
3333
}
34+
35+
a {
36+
color: $color-link;
37+
border-bottom: 0px transparent !important;
38+
cursor: pointer;
39+
text-decoration: none;
40+
41+
&:hover,
42+
&.link-hover,
43+
&:visited:hover {
44+
color: $color-link-hover;
45+
border-bottom: 0px $color-link-hover-bg !important;
46+
47+
&:disabled,
48+
.disabled {
49+
background-color: transparent !important;
50+
}
51+
}
52+
53+
&:active,
54+
&.link-active {
55+
background-color: inherit;
56+
color: $color-active;
57+
border-bottom: 0px $color-link-active-bg !important;
58+
}
59+
60+
&:focus,
61+
&.link-focus {
62+
color: $color-link-focus;
63+
background-color: transparent;
64+
border-bottom: 0px $color-link-focus-bg !important;
65+
}
66+
67+
&:disabled,
68+
&.disabled {
69+
box-shadow: none !important;
70+
cursor: not-allowed !important;
71+
//color: #000 !important; // FIXME: Hvad skal der der være her?
72+
outline-offset: inherit !important;
73+
74+
&:focus {
75+
outline: none;
76+
background-color: transparent;
77+
}
78+
}
79+
}

‎src/app/gateway/gateway-overview/gateway-overview.component.scss‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,54 @@
1+
@import "../../../assets/scss/setup/variables";
2+
13
.select-all {
24
margin-left: 17px;
35
font-size: inherit;
46
line-height: 3em;
57
height: 3em;
68
}
9+
10+
a {
11+
color: $color-link;
12+
border-bottom: 0px transparent !important;
13+
cursor: pointer;
14+
text-decoration: none;
15+
16+
&:hover,
17+
&.link-hover,
18+
&:visited:hover {
19+
color: $color-link-hover;
20+
border-bottom: 0px $color-link-hover-bg !important;
21+
22+
&:disabled,
23+
.disabled {
24+
background-color: transparent !important;
25+
}
26+
}
27+
28+
&:active,
29+
&.link-active {
30+
background-color: inherit;
31+
color: $color-active;
32+
border-bottom: 0px $color-link-active-bg !important;
33+
}
34+
35+
&:focus,
36+
&.link-focus {
37+
color: $color-link-focus;
38+
background-color: transparent;
39+
border-bottom: 0px $color-link-focus-bg !important;
40+
}
41+
42+
&:disabled,
43+
&.disabled {
44+
box-shadow: none !important;
45+
cursor: not-allowed !important;
46+
//color: #000 !important; // FIXME: Hvad skal der der være her?
47+
outline-offset: inherit !important;
48+
49+
&:focus {
50+
outline: none;
51+
background-color: transparent;
52+
}
53+
}
54+
}

0 commit comments

Comments
 (0)