@visns-studio/visns-components 5.1.1 → 5.1.3

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 CHANGED
@@ -77,7 +77,7 @@
77
77
  "react-dom": "^17.0.0 || ^18.0.0"
78
78
  },
79
79
  "name": "@visns-studio/visns-components",
80
- "version": "5.1.1",
80
+ "version": "5.1.3",
81
81
  "description": "Various packages to assist in the development of our Custom Applications.",
82
82
  "main": "src/index.js",
83
83
  "files": [
@@ -88,4 +88,4 @@
88
88
 
89
89
  .paddingSimple {
90
90
  padding: 1rem;
91
- }
91
+ }
@@ -240,7 +240,7 @@ input[type='file'] {
240
240
  position: relative;
241
241
  padding: 0.75rem;
242
242
  max-height: 80vh;
243
- overflow-y: auto;
243
+ // overflow-y: auto;
244
244
 
245
245
  .btn {
246
246
  background: var(--primary-color);
@@ -175,8 +175,8 @@
175
175
  &.active a,
176
176
  &:hover span,
177
177
  &.active span {
178
- background: rgba(238, 238, 238, 0.5);
179
- color: var(--paragraph-color);
178
+ background: var(--primary-color);
179
+ color: var(--tertiary-color);
180
180
  }
181
181
 
182
182
  &:hover svg,
@@ -296,6 +296,72 @@
296
296
  }
297
297
  }
298
298
 
299
+ .hactions-alternate {
300
+ width: max-content;
301
+ justify-self: end;
302
+
303
+ > ul {
304
+ list-style: none;
305
+ display: flex;
306
+ padding: 0;
307
+ margin: 0;
308
+ flex-wrap: nowrap;
309
+ flex-direction: row;
310
+ align-items: center;
311
+ justify-content: center;
312
+
313
+ li {
314
+ margin: 0 5px;
315
+ }
316
+
317
+ a {
318
+ color: var(--paragraph-color);
319
+ box-sizing: border-box;
320
+ padding: 0.35rem;
321
+ text-decoration: none;
322
+ background: none;
323
+ border: 2px solid var(--primary-color);
324
+ border-radius: 100%;
325
+ transition: all 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
326
+ display: flex;
327
+ align-items: center;
328
+
329
+ &:hover,
330
+ &.active {
331
+ background: var(--primary-color);
332
+
333
+ svg {
334
+ color: var(--tertiary-color);
335
+ }
336
+ }
337
+ }
338
+
339
+ button {
340
+ color: var(--paragraph-color);
341
+ box-sizing: border-box;
342
+ padding: 0.35rem;
343
+ text-decoration: none;
344
+ background: none;
345
+ border: 1px solid var(--primary-color);
346
+ border-radius: 100%;
347
+ transition: all 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
348
+ display: flex;
349
+ align-items: center;
350
+ outline: none;
351
+ appearance: none;
352
+
353
+ &:hover,
354
+ &.active {
355
+ background: var(--primary-color);
356
+
357
+ svg {
358
+ color: var(--tertiary-color);
359
+ }
360
+ }
361
+ }
362
+ }
363
+ }
364
+
299
365
  .cwrap {
300
366
  display: flex;
301
367
  }