Skip to content

Commit d5fdaad

Browse files
author
Allan Asp Christensen
authored
Merge pull request #20 from OS2iot/feature/iot-422-styling-navbar
Feature/iot 422 styling navbar
2 parents 908fc16 + 2d717be commit d5fdaad

File tree

22 files changed

+273
-183
lines changed

22 files changed

+273
-183
lines changed

‎angular.json‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,8 +29,7 @@
2929
],
3030
"styles": [
3131
"./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
32-
"src/styles.scss",
33-
"src/assets/scss/setup/_material-theme.scss"
32+
"src/styles.scss"
3433
],
3534
"scripts": [
3635
"node_modules/popper.js/dist/umd/popper.min.js",

‎src/app/admin/organisation/organisation-list/organisation-tabel/organisation-row/organisation-row.component.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ import { OrganisationResponse } from '@app/admin/organisation/organisation.model
44
import { TranslateService } from '@ngx-translate/core';
55

66
@Component({
7+
// tslint:disable-next-line: component-selector
78
selector: 'tr[app-organisation-row]',
89
templateUrl: './organisation-row.component.html',
910
styleUrls: ['./organisation-row.component.scss'],

‎src/app/admin/permission/permission-edit/permission-edit.component.ts‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -118,13 +118,13 @@ export class PermissionEditComponent implements OnInit {
118118
this.permission.level = response.type;
119119
this.permission.userIds = response.users.map((x) => x.id);
120120

121-
if (response.type != PermissionType.GlobalAdmin) {
121+
if (response.type !== PermissionType.GlobalAdmin) {
122122
this.permission.organizationId = response?.organization?.id;
123123
}
124124

125125
if (
126-
response.type == PermissionType.Read ||
127-
response.type == PermissionType.Write
126+
response.type === PermissionType.Read ||
127+
response.type === PermissionType.Write
128128
) {
129129
this.getApplications(this.permission.organizationId);
130130
this.permission.applicationIds = response.applications.map(

‎src/app/my-applications/list-applications/list-applications.component.ts‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ import { SharedVariableService } from '../../shared-variable/shared-variable.ser
2020
styleUrls: ['./list-applications.component.scss'],
2121
})
2222
export class ListApplicationsComponent implements OnInit, OnChanges, OnDestroy {
23-
public pageLimit: number = 10;
23+
public pageLimit: 10;
2424
public sort: Sort[] = [
2525
{
2626
id: 1,
@@ -59,7 +59,7 @@ export class ListApplicationsComponent implements OnInit, OnChanges, OnDestroy {
5959
label: 'SORT.NAME-DESCENDING',
6060
},
6161
];
62-
public selectedSortId: number = 1;
62+
public selectedSortId: 1;
6363
public selectedSortObject: Sort = {
6464
id: 6,
6565
dir: 'DESC',
@@ -105,7 +105,7 @@ export class ListApplicationsComponent implements OnInit, OnChanges, OnDestroy {
105105
changeSort(sortId: number) {
106106
for (let i = 0; i < this.sort.length; i++) {
107107
const elem = this.sort[i];
108-
if (elem.id == sortId) {
108+
if (elem.id === sortId) {
109109
this.selectedSortObject = elem;
110110
}
111111
}

‎src/app/navbar/global-admin/global-admin.component.html‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<mat-expansion-panel class="mb-5">
22
<mat-expansion-panel-header>
33
<mat-panel-title class="nav-item py-2">
4-
Global Administrator
4+
<p class="nav-item ml-2">Global Administrator</p>
55
</mat-panel-title>
66
<mat-panel-description></mat-panel-description>
77
</mat-expansion-panel-header>
@@ -11,17 +11,21 @@
1111
<a routerLink="/admin/users" routerLinkActive="active" class="nav-link pl-5 position-relative rounded">
1212
{{'NAV.USERS' | translate}}
1313
</a>
14+
<fa-icon [icon]="faUsers" class="navbar-icon"></fa-icon>
1415
</li>
1516
<li class="nav-item py-2">
16-
<a routerLink="/admin/permissions" routerLinkActive="active" class="nav-link pl-5 position-relative rounded">
17+
<a routerLink="/admin/permissions" routerLinkActive="active"
18+
class="nav-link pl-5 position-relative rounded">
1719
{{'NAV.PERMISSIONS' | translate}}
1820
</a>
21+
<fa-icon [icon]="faIdBadge" class="navbar-icon"></fa-icon>
1922
</li>
2023
<li class="nav-item py-2">
2124
<a routerLink="/admin/organisations" routerLinkActive="active"
2225
class="nav-link pl-5 position-relative rounded">
2326
{{'NAV.ORGANISATIONS' | translate}}
2427
</a>
28+
<fa-icon [icon]="faSitemap" class="navbar-icon"></fa-icon>
2529
</li>
2630
</ul>
2731

‎src/app/navbar/global-admin/global-admin.component.scss‎

Lines changed: 0 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1 @@
1-
.mat-expansion-panel:not([class*=mat-elevation-z]) {
2-
box-shadow: none;
3-
}
41

5-
.mat-expansion-panel {
6-
.mat-expansion-panel-header {
7-
padding: 0;
8-
}
9-
10-
.mat-expansion-panel-content {
11-
font: 400 50px/60px Roboto, "Helvetica Neue", sans-serif;
12-
letter-spacing: initial;
13-
}
14-
15-
.mat-expansion-panel-body {
16-
padding: 0;
17-
}
18-
19-
20-
21-
22-
}
23-
24-
25-
26-
27-
// color: #3e4b50;
28-
// padding-left: 0;
29-
// padding-right: 0;
30-
// line-height: 19px;
31-
// background-position: 0.5rem 10px;
32-
// background-repeat: no-repeat;
33-
// background-size: 18px;

‎src/app/navbar/global-admin/global-admin.component.ts‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,16 @@
11
import { Component, OnInit } from '@angular/core';
2+
import { faGlobe, faUsers, faIdBadge, faSitemap } from '@fortawesome/free-solid-svg-icons';
23

34
@Component({
45
selector: 'app-global-admin',
56
templateUrl: './global-admin.component.html',
67
styleUrls: ['./global-admin.component.scss']
78
})
89
export class GlobalAdminComponent implements OnInit {
9-
10+
faGlobe = faGlobe;
11+
faUsers = faUsers;
12+
faIdBadge = faIdBadge;
13+
faSitemap = faSitemap;
1014
constructor() { }
1115

1216
ngOnInit(): void {

‎src/app/navbar/navbar.component.html‎

Lines changed: 14 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,9 @@
88
<ul class="navbar-nav flex-column mt-5">
99
<li class="nav-item py-2">
1010
<a routerLink="/auth" routerLinkActive="active" class="nav-link pl-5 position-relative rounded" id="auth">
11-
Authenticate
11+
{{ 'NAV.LOGIN' | translate }}
1212
</a>
13+
<fa-icon [icon]="faSignInAlt" class="navbar-icon"></fa-icon>
1314
</li>
1415
</ul>
1516
</div>
@@ -20,48 +21,50 @@
2021
</button>
2122
<div class="collapse navbar-collapse flex-grow-0" id="navbar">
2223
<ul class="navbar-nav flex-column mt-5">
24+
2325
<li class="nav-item py-2">
2426
<app-global-admin></app-global-admin>
2527
</li>
2628
<li class="nav-item py-2">
27-
<!-- <label class="form-label" for="name">{{'QUESTION.CHOOSE-PERMISSION-TYPE' | translate}}</label>* -->
28-
<select id="organisation" name="organisation" class="form-select" required #orgSelect
29+
<app-organisation-dropdown></app-organisation-dropdown>
30+
<!-- <select id="organisation" name="organisation" class="form-select" required #orgSelect <!--
2931
(change)="onChange(orgSelect.value)">
3032
<option *ngFor="let org of organisations" [value]="org.id"
3133
[selected]="org.id === getSelectedOrganisation()">
3234
{{org.name}}</option>
33-
</select>
35+
</select> -->
3436
</li>
3537
<li class="nav-item py-2">
3638
<ul class="navbar-nav flex-column">
37-
<li class="nav-item py-2">
38-
<a routerLink="/my-applications" routerLinkActive="active" class="nav-link pl-5 position-relative rounded"
39-
id="myApplications">
40-
{{ 'NAV.APPLICATIONS' | translate }}
41-
</a>
42-
</li>
39+
<p class="ml-2">Generelt</p>
40+
<mat-divider></mat-divider>
4341
<li class="nav-item py-2">
4442
<a routerLink="/lora-gateways" routerLinkActive="active" class="nav-link pl-5 position-relative rounded"
4543
id="myLoraGateway">
4644
{{ 'NAV.LORA-GATEWAYS' | translate }}
4745
</a>
46+
<fa-icon [icon]="faBroadcastTower" class="navbar-icon"></fa-icon>
47+
4848
</li>
4949
<li class="nav-item py-2">
5050
<a routerLink="/profiles" routerLinkActive="active" class="nav-link pl-5 position-relative rounded"
5151
id="profiles">
5252
{{ 'NAV.PROFILES' | translate }}
5353
</a>
54+
<fa-icon [icon]="faSlidersH" class="navbar-icon"></fa-icon>
5455
</li>
5556
<li class="nav-item py-2">
5657
<a routerLink="/payload-decoder" routerLinkActive="active" class="nav-link pl-5 position-relative rounded"
5758
id="payload-decoder">
5859
{{ 'NAV.PAYLOAD-DECODER' | translate }}
5960
</a>
61+
<fa-icon [icon]="faNetworkWired" class="navbar-icon"></fa-icon>
6062
</li>
6163
</ul>
6264
</li>
63-
<li class="nav-item py-2">
65+
<li class="nav-item py-2 ">
6466
<a style="cursor: pointer;" class="nav-link pl-5 position-relative rounded" (click)="onLogout()">Logout</a>
67+
<fa-icon [icon]="faSignOutAlt" class="navbar-icon"></fa-icon>
6568
</li>
6669
</ul>
6770
</div>

‎src/app/navbar/navbar.component.scss‎

Lines changed: 0 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -1,72 +1 @@
1-
@import '~src/assets/scss/setup/breakpoints';
2-
@import '~src/assets/scss/setup/variables';
31

4-
.navbar {
5-
top: 0;
6-
bottom: 0;
7-
background-color: $white;
8-
border-right: $grey-border solid 1px;
9-
10-
@include media-breakpoint-up(sm) {
11-
width: $navWidth;
12-
}
13-
14-
@include media-breakpoint-up(md) {
15-
position: fixed;
16-
}
17-
18-
.navbar-nav {
19-
width: 100%;
20-
21-
.nav-link {
22-
color: $black;
23-
padding-left: 0;
24-
padding-right: 0;
25-
line-height: 19px;
26-
background-position: .5rem 10px;
27-
background-repeat: no-repeat;
28-
background-size: 18px;
29-
30-
&#dashboard {
31-
background-image: url("data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 0C4.5 0 0.5 4.03125 0.5 9C0.5 10.6562 0.9375 12.2188 1.71875 13.5312C1.875 13.8438 2.21875 14 2.5625 14H16.4062C16.75 14 17.0938 13.8438 17.25 13.5312C18.0312 12.2188 18.5 10.6562 18.5 9C18.5 4.03125 14.4688 0 9.5 0ZM16.4062 13L2.5625 13.0312C1.875 11.8125 1.5 10.4375 1.5 9C1.5 4.59375 5.0625 1 9.5 1C13.9062 1 17.5 4.59375 17.5 9C17.5 10.4375 17.125 11.8125 16.4062 13ZM11.9062 3.03125C11.6562 2.96875 11.3438 3.09375 11.25 3.34375L9.65625 8.03125C9.59375 8.03125 9.53125 8 9.5 8C8.375 8 7.5 8.90625 7.5 10C7.5 11.125 8.375 12 9.5 12C10.5938 12 11.5 11.125 11.5 10C11.5 9.3125 11.125 8.71875 10.5938 8.34375L12.2188 3.6875C12.3125 3.40625 12.1562 3.125 11.9062 3.03125ZM9.5 11C8.9375 11 8.5 10.5625 8.5 10C8.5 9.46875 8.9375 9 9.5 9C10.0312 9 10.5 9.46875 10.5 10C10.5 10.5625 10.0312 11 9.5 11Z' fill='%239BAEB8'/%3E%3C/svg%3E%0A");
32-
}
33-
34-
&#myApplications {
35-
background-image: url("data:image/svg+xml,%3Csvg width='19' height='16' viewBox='0 0 19 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 11H1C0.71875 11 0.5 11.25 0.5 11.5V15.5C0.5 15.7812 0.71875 16 1 16H3C3.25 16 3.5 15.7812 3.5 15.5V11.5C3.5 11.25 3.25 11 3 11ZM2.5 15H1.5V12H2.5V15ZM18 6H16C15.7188 6 15.5 6.25 15.5 6.5V15.5C15.5 15.7812 15.7188 16 16 16H18C18.25 16 18.5 15.7812 18.5 15.5V6.5C18.5 6.25 18.25 6 18 6ZM17.5 15H16.5V7H17.5V15ZM16.1875 2.78125C16.4375 2.9375 16.6875 3 17 3C17.8125 3 18.5 2.34375 18.5 1.5C18.5 0.6875 17.8125 0 17 0C16.1562 0 15.5 0.6875 15.5 1.5C15.5 1.6875 15.5312 1.84375 15.5625 2L12.7812 4.25C12.5312 4.09375 12.2812 4 12 4C11.6875 4 11.4375 4.09375 11.1875 4.25L8.40625 2C8.4375 1.84375 8.5 1.6875 8.5 1.5C8.5 0.6875 7.8125 0 7 0C6.15625 0 5.5 0.6875 5.5 1.5C5.5 1.75 5.53125 1.96875 5.625 2.15625L2.625 5.15625C2.4375 5.0625 2.21875 5 2 5C1.15625 5 0.5 5.6875 0.5 6.5C0.5 7.34375 1.15625 8 2 8C2.8125 8 3.5 7.34375 3.5 6.5C3.5 6.28125 3.4375 6.0625 3.34375 5.875L6.34375 2.875C6.53125 2.96875 6.75 3 7 3C7.28125 3 7.53125 2.9375 7.78125 2.78125L10.5625 5.03125C10.5312 5.1875 10.5 5.34375 10.5 5.5C10.5 6.34375 11.1562 7 12 7C12.8125 7 13.5 6.34375 13.5 5.5C13.5 5.34375 13.4375 5.1875 13.4062 5.03125L16.1875 2.78125ZM17 1C17.25 1 17.5 1.25 17.5 1.5C17.5 1.78125 17.25 2 17 2C16.7188 2 16.5 1.78125 16.5 1.5C16.5 1.25 16.7188 1 17 1ZM2 7C1.71875 7 1.5 6.78125 1.5 6.5C1.5 6.25 1.71875 6 2 6C2.25 6 2.5 6.25 2.5 6.5C2.5 6.78125 2.25 7 2 7ZM7 2C6.71875 2 6.5 1.78125 6.5 1.5C6.5 1.25 6.71875 1 7 1C7.25 1 7.5 1.25 7.5 1.5C7.5 1.78125 7.25 2 7 2ZM12 6C11.7188 6 11.5 5.78125 11.5 5.5C11.5 5.25 11.7188 5 12 5C12.25 5 12.5 5.25 12.5 5.5C12.5 5.78125 12.25 6 12 6ZM8 6H6C5.71875 6 5.5 6.25 5.5 6.5V15.5C5.5 15.7812 5.71875 16 6 16H8C8.25 16 8.5 15.7812 8.5 15.5V6.5C8.5 6.25 8.25 6 8 6ZM7.5 15H6.5V7H7.5V15ZM13 10H11C10.7188 10 10.5 10.25 10.5 10.5V15.5C10.5 15.7812 10.7188 16 11 16H13C13.25 16 13.5 15.7812 13.5 15.5V10.5C13.5 10.25 13.25 10 13 10ZM12.5 15H11.5V11H12.5V15Z' fill='%239BAEB8'/%3E%3C/svg%3E%0A");
36-
}
37-
38-
&#allIoTDevices {
39-
background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 0H2.5C1.375 0 0.5 0.90625 0.5 2V12C0.5 13.125 1.375 14 2.5 14H12.5C13.5938 14 14.5 13.125 14.5 12V2C14.5 0.90625 13.5938 0 12.5 0ZM13.5 12C13.5 12.5625 13.0312 13 12.5 13H2.5C1.9375 13 1.5 12.5625 1.5 12V2C1.5 1.46875 1.9375 1 2.5 1H12.5C13.0312 1 13.5 1.46875 13.5 2V12ZM4 3C3.71875 3 3.5 3.25 3.5 3.5V7.5C3.5 7.78125 3.71875 8 4 8C4.25 8 4.5 7.78125 4.5 7.5V3.5C4.5 3.25 4.25 3 4 3ZM6 3C5.71875 3 5.5 3.25 5.5 3.5V7.5C5.5 7.78125 5.71875 8 6 8C6.25 8 6.5 7.78125 6.5 7.5V3.5C6.5 3.25 6.25 3 6 3ZM8 3C7.71875 3 7.5 3.25 7.5 3.5V7.5C7.5 7.78125 7.71875 8 8 8C8.25 8 8.5 7.78125 8.5 7.5V3.5C8.5 3.25 8.25 3 8 3Z' fill='%239BAEB8'/%3E%3C/svg%3E%0A");
40-
}
41-
42-
&#myLoraGateway {
43-
background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 0H2.5C1.375 0 0.5 0.90625 0.5 2V12C0.5 13.125 1.375 14 2.5 14H12.5C13.5938 14 14.5 13.125 14.5 12V2C14.5 0.90625 13.5938 0 12.5 0ZM13.5 12C13.5 12.5625 13.0312 13 12.5 13H2.5C1.9375 13 1.5 12.5625 1.5 12V2C1.5 1.46875 1.9375 1 2.5 1H12.5C13.0312 1 13.5 1.46875 13.5 2V12ZM4 3C3.71875 3 3.5 3.25 3.5 3.5V7.5C3.5 7.78125 3.71875 8 4 8C4.25 8 4.5 7.78125 4.5 7.5V3.5C4.5 3.25 4.25 3 4 3ZM6 3C5.71875 3 5.5 3.25 5.5 3.5V7.5C5.5 7.78125 5.71875 8 6 8C6.25 8 6.5 7.78125 6.5 7.5V3.5C6.5 3.25 6.25 3 6 3ZM8 3C7.71875 3 7.5 3.25 7.5 3.5V7.5C7.5 7.78125 7.71875 8 8 8C8.25 8 8.5 7.78125 8.5 7.5V3.5C8.5 3.25 8.25 3 8 3Z' fill='%233e4b50'/%3E%3C/svg%3E%0A");
44-
}
45-
46-
&.active {
47-
font-family: roboto-bold;
48-
49-
&#dashboard {
50-
background-image: url("data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 0C4.5 0 0.5 4.03125 0.5 9C0.5 10.6562 0.9375 12.2188 1.71875 13.5312C1.875 13.8438 2.21875 14 2.5625 14H16.4062C16.75 14 17.0938 13.8438 17.25 13.5312C18.0312 12.2188 18.5 10.6562 18.5 9C18.5 4.03125 14.4688 0 9.5 0ZM16.4062 13L2.5625 13.0312C1.875 11.8125 1.5 10.4375 1.5 9C1.5 4.59375 5.0625 1 9.5 1C13.9062 1 17.5 4.59375 17.5 9C17.5 10.4375 17.125 11.8125 16.4062 13ZM11.9062 3.03125C11.6562 2.96875 11.3438 3.09375 11.25 3.34375L9.65625 8.03125C9.59375 8.03125 9.53125 8 9.5 8C8.375 8 7.5 8.90625 7.5 10C7.5 11.125 8.375 12 9.5 12C10.5938 12 11.5 11.125 11.5 10C11.5 9.3125 11.125 8.71875 10.5938 8.34375L12.2188 3.6875C12.3125 3.40625 12.1562 3.125 11.9062 3.03125ZM9.5 11C8.9375 11 8.5 10.5625 8.5 10C8.5 9.46875 8.9375 9 9.5 9C10.0312 9 10.5 9.46875 10.5 10C10.5 10.5625 10.0312 11 9.5 11Z' fill='%233e4b50'/%3E%3C/svg%3E%0A");
51-
}
52-
53-
&#myApplications {
54-
background-image: url("data:image/svg+xml,%3Csvg width='19' height='16' viewBox='0 0 19 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 11H1C0.71875 11 0.5 11.25 0.5 11.5V15.5C0.5 15.7812 0.71875 16 1 16H3C3.25 16 3.5 15.7812 3.5 15.5V11.5C3.5 11.25 3.25 11 3 11ZM2.5 15H1.5V12H2.5V15ZM18 6H16C15.7188 6 15.5 6.25 15.5 6.5V15.5C15.5 15.7812 15.7188 16 16 16H18C18.25 16 18.5 15.7812 18.5 15.5V6.5C18.5 6.25 18.25 6 18 6ZM17.5 15H16.5V7H17.5V15ZM16.1875 2.78125C16.4375 2.9375 16.6875 3 17 3C17.8125 3 18.5 2.34375 18.5 1.5C18.5 0.6875 17.8125 0 17 0C16.1562 0 15.5 0.6875 15.5 1.5C15.5 1.6875 15.5312 1.84375 15.5625 2L12.7812 4.25C12.5312 4.09375 12.2812 4 12 4C11.6875 4 11.4375 4.09375 11.1875 4.25L8.40625 2C8.4375 1.84375 8.5 1.6875 8.5 1.5C8.5 0.6875 7.8125 0 7 0C6.15625 0 5.5 0.6875 5.5 1.5C5.5 1.75 5.53125 1.96875 5.625 2.15625L2.625 5.15625C2.4375 5.0625 2.21875 5 2 5C1.15625 5 0.5 5.6875 0.5 6.5C0.5 7.34375 1.15625 8 2 8C2.8125 8 3.5 7.34375 3.5 6.5C3.5 6.28125 3.4375 6.0625 3.34375 5.875L6.34375 2.875C6.53125 2.96875 6.75 3 7 3C7.28125 3 7.53125 2.9375 7.78125 2.78125L10.5625 5.03125C10.5312 5.1875 10.5 5.34375 10.5 5.5C10.5 6.34375 11.1562 7 12 7C12.8125 7 13.5 6.34375 13.5 5.5C13.5 5.34375 13.4375 5.1875 13.4062 5.03125L16.1875 2.78125ZM17 1C17.25 1 17.5 1.25 17.5 1.5C17.5 1.78125 17.25 2 17 2C16.7188 2 16.5 1.78125 16.5 1.5C16.5 1.25 16.7188 1 17 1ZM2 7C1.71875 7 1.5 6.78125 1.5 6.5C1.5 6.25 1.71875 6 2 6C2.25 6 2.5 6.25 2.5 6.5C2.5 6.78125 2.25 7 2 7ZM7 2C6.71875 2 6.5 1.78125 6.5 1.5C6.5 1.25 6.71875 1 7 1C7.25 1 7.5 1.25 7.5 1.5C7.5 1.78125 7.25 2 7 2ZM12 6C11.7188 6 11.5 5.78125 11.5 5.5C11.5 5.25 11.7188 5 12 5C12.25 5 12.5 5.25 12.5 5.5C12.5 5.78125 12.25 6 12 6ZM8 6H6C5.71875 6 5.5 6.25 5.5 6.5V15.5C5.5 15.7812 5.71875 16 6 16H8C8.25 16 8.5 15.7812 8.5 15.5V6.5C8.5 6.25 8.25 6 8 6ZM7.5 15H6.5V7H7.5V15ZM13 10H11C10.7188 10 10.5 10.25 10.5 10.5V15.5C10.5 15.7812 10.7188 16 11 16H13C13.25 16 13.5 15.7812 13.5 15.5V10.5C13.5 10.25 13.25 10 13 10ZM12.5 15H11.5V11H12.5V15Z' fill='%233e4b50'/%3E%3C/svg%3E%0A");
55-
}
56-
57-
&#allIoTDevices {
58-
background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 0H2.5C1.375 0 0.5 0.90625 0.5 2V12C0.5 13.125 1.375 14 2.5 14H12.5C13.5938 14 14.5 13.125 14.5 12V2C14.5 0.90625 13.5938 0 12.5 0ZM13.5 12C13.5 12.5625 13.0312 13 12.5 13H2.5C1.9375 13 1.5 12.5625 1.5 12V2C1.5 1.46875 1.9375 1 2.5 1H12.5C13.0312 1 13.5 1.46875 13.5 2V12ZM4 3C3.71875 3 3.5 3.25 3.5 3.5V7.5C3.5 7.78125 3.71875 8 4 8C4.25 8 4.5 7.78125 4.5 7.5V3.5C4.5 3.25 4.25 3 4 3ZM6 3C5.71875 3 5.5 3.25 5.5 3.5V7.5C5.5 7.78125 5.71875 8 6 8C6.25 8 6.5 7.78125 6.5 7.5V3.5C6.5 3.25 6.25 3 6 3ZM8 3C7.71875 3 7.5 3.25 7.5 3.5V7.5C7.5 7.78125 7.71875 8 8 8C8.25 8 8.5 7.78125 8.5 7.5V3.5C8.5 3.25 8.25 3 8 3Z' fill='%233e4b50'/%3E%3C/svg%3E%0A");
59-
}
60-
61-
&#myLoraGateway {
62-
background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 0H2.5C1.375 0 0.5 0.90625 0.5 2V12C0.5 13.125 1.375 14 2.5 14H12.5C13.5938 14 14.5 13.125 14.5 12V2C14.5 0.90625 13.5938 0 12.5 0ZM13.5 12C13.5 12.5625 13.0312 13 12.5 13H2.5C1.9375 13 1.5 12.5625 1.5 12V2C1.5 1.46875 1.9375 1 2.5 1H12.5C13.0312 1 13.5 1.46875 13.5 2V12ZM4 3C3.71875 3 3.5 3.25 3.5 3.5V7.5C3.5 7.78125 3.71875 8 4 8C4.25 8 4.5 7.78125 4.5 7.5V3.5C4.5 3.25 4.25 3 4 3ZM6 3C5.71875 3 5.5 3.25 5.5 3.5V7.5C5.5 7.78125 5.71875 8 6 8C6.25 8 6.5 7.78125 6.5 7.5V3.5C6.5 3.25 6.25 3 6 3ZM8 3C7.71875 3 7.5 3.25 7.5 3.5V7.5C7.5 7.78125 7.71875 8 8 8C8.25 8 8.5 7.78125 8.5 7.5V3.5C8.5 3.25 8.25 3 8 3Z' fill='%233e4b50'/%3E%3C/svg%3E%0A");
63-
}
64-
}
65-
66-
&.active,
67-
&:hover {
68-
background-color: $grey-highlight;
69-
}
70-
}
71-
}
72-
}

0 commit comments

Comments
 (0)