@beacon-interactive-systems-llc/beacon-platform-ui 0.0.5 → 0.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/styles/_layout.scss +31 -0
- package/styles/_leftnav.scss +30 -17
- package/styles/_material-drawer.scss +1 -0
- package/styles/styles.scss +19 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@beacon-interactive-systems-llc/beacon-platform-ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.6",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^14.0.0",
|
|
6
6
|
"@angular/core": "^14.0.0",
|
|
@@ -41,4 +41,4 @@
|
|
|
41
41
|
}
|
|
42
42
|
},
|
|
43
43
|
"sideEffects": false
|
|
44
|
-
}
|
|
44
|
+
}
|
package/styles/_layout.scss
CHANGED
|
@@ -21,6 +21,37 @@ $detail-view-width: calc(100vw - 212px - 315px);
|
|
|
21
21
|
background: $platform-blue-500;
|
|
22
22
|
text-transform: uppercase;
|
|
23
23
|
}
|
|
24
|
+
|
|
25
|
+
.justify-content-start {
|
|
26
|
+
position: relative;
|
|
27
|
+
top: -1px;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.justify-content-end {
|
|
31
|
+
input {
|
|
32
|
+
height: 36px;
|
|
33
|
+
font-size: 14px;
|
|
34
|
+
width: 240px;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
mat-icon {
|
|
38
|
+
height: 30px;
|
|
39
|
+
width: 30px;
|
|
40
|
+
font-size: 30px;
|
|
41
|
+
position: relative;
|
|
42
|
+
top: 10px;
|
|
43
|
+
|
|
44
|
+
&:hover {
|
|
45
|
+
color: $platform-blue-200 !important;
|
|
46
|
+
cursor: pointer;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.mat-badge-content {
|
|
50
|
+
top: -4px;
|
|
51
|
+
right: -4px !important;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
24
55
|
}
|
|
25
56
|
}
|
|
26
57
|
|
package/styles/_leftnav.scss
CHANGED
|
@@ -65,9 +65,6 @@ $icon-container-width: 50px;
|
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
|
-
// &--collapsed {
|
|
69
|
-
// width: $brand-width;
|
|
70
|
-
// }
|
|
71
68
|
|
|
72
69
|
&--expanded {
|
|
73
70
|
width: $leftnav-width;
|
|
@@ -76,8 +73,8 @@ $icon-container-width: 50px;
|
|
|
76
73
|
.navbar--light {
|
|
77
74
|
background: $platform-white 0% 0% no-repeat padding-box;
|
|
78
75
|
box-shadow: 0px 3px 6px #00000029;
|
|
79
|
-
height:
|
|
80
|
-
line-height:
|
|
76
|
+
height: 50px;
|
|
77
|
+
line-height: 50px;
|
|
81
78
|
opacity: 1;
|
|
82
79
|
padding: 0px;
|
|
83
80
|
width: inherit;
|
|
@@ -87,10 +84,6 @@ $icon-container-width: 50px;
|
|
|
87
84
|
background: linear-gradient(90deg, $platform-blue-500, $platform-blue-700);
|
|
88
85
|
transition: width $leftnav-transition-time;
|
|
89
86
|
|
|
90
|
-
// &--collapsed {
|
|
91
|
-
// width: $brand-width;
|
|
92
|
-
// }
|
|
93
|
-
|
|
94
87
|
&--expanded {
|
|
95
88
|
width: $leftnav-width;
|
|
96
89
|
}
|
|
@@ -123,6 +116,30 @@ $icon-container-width: 50px;
|
|
|
123
116
|
margin-top: 18px;
|
|
124
117
|
}
|
|
125
118
|
|
|
119
|
+
&--support {
|
|
120
|
+
position: fixed;
|
|
121
|
+
background: $platform-blue-700;
|
|
122
|
+
bottom: 40px;
|
|
123
|
+
width: 212px;
|
|
124
|
+
height: 40px;
|
|
125
|
+
|
|
126
|
+
&.support-link--collapsed {
|
|
127
|
+
width: 50px;
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
&--sbir {
|
|
132
|
+
background: transparent;
|
|
133
|
+
position: fixed;
|
|
134
|
+
bottom: 0px;
|
|
135
|
+
width: 212px;
|
|
136
|
+
height: 40px;
|
|
137
|
+
|
|
138
|
+
&.secondary {
|
|
139
|
+
background-color: #4A5E91;
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
|
|
126
143
|
&--last {
|
|
127
144
|
bottom: 16px;
|
|
128
145
|
height: $leftnav-item-height;
|
|
@@ -142,14 +159,6 @@ $icon-container-width: 50px;
|
|
|
142
159
|
}
|
|
143
160
|
}
|
|
144
161
|
|
|
145
|
-
// &--secondary-active {
|
|
146
|
-
// background: $platform-blue-500;
|
|
147
|
-
|
|
148
|
-
// .icon-container, .option-container {
|
|
149
|
-
// color: $platform-orange-500 !important;
|
|
150
|
-
// }
|
|
151
|
-
// }
|
|
152
|
-
|
|
153
162
|
.icon-container {
|
|
154
163
|
color: $platform-white;
|
|
155
164
|
height: 100%;
|
|
@@ -186,5 +195,9 @@ $icon-container-width: 50px;
|
|
|
186
195
|
opacity: 1.0;
|
|
187
196
|
}
|
|
188
197
|
}
|
|
198
|
+
|
|
199
|
+
a.disabled {
|
|
200
|
+
opacity: 0.4;
|
|
201
|
+
}
|
|
189
202
|
}
|
|
190
203
|
}
|
package/styles/styles.scss
CHANGED
|
@@ -23,4 +23,22 @@
|
|
|
23
23
|
@import "quill";
|
|
24
24
|
@import "tables";
|
|
25
25
|
@import "toast";
|
|
26
|
-
@import "widgets";
|
|
26
|
+
@import "widgets";
|
|
27
|
+
|
|
28
|
+
.hover-pointer {
|
|
29
|
+
cursor: pointer
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
button, a {
|
|
33
|
+
cursor: pointer;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
*::-webkit-scrollbar {
|
|
37
|
+
display: none;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
/* Hide scrollbar for IE, Edge and Firefox */
|
|
41
|
+
* {
|
|
42
|
+
-ms-overflow-style: none; /* IE and Edge */
|
|
43
|
+
scrollbar-width: none; /* Firefox */
|
|
44
|
+
}
|