toggle-components-library 1.39.17-beta.1 → 1.39.17
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 +1 -1
- package/src/.DS_Store +0 -0
- package/src/assets/icons/dashboards-icon-hover.svg +3 -0
- package/src/assets/icons/dashboards-icon.svg +3 -0
- package/src/assets/icons/metrics-library-icon-hover.svg +3 -0
- package/src/assets/icons/metrics-library-icon.svg +3 -0
- package/src/assets/icons/performance-dashboard-icon-hover.svg +3 -0
- package/src/assets/icons/performance-dashboard-icon.svg +3 -0
- package/src/assets/icons/segments-library-icon-hover.svg +1 -0
- package/src/assets/icons/segments-library-icon.svg +1 -0
- package/src/components/buttons/ToggleButton.vue +5 -16
- package/src/components/navs/multitiersidenav/ToggleMultiTierSideNavItem.vue +8 -1
- package/src/sass/includes/_as_buttons.scss +0 -46
- package/src/sass/includes/_as_navs.scss +121 -79
package/package.json
CHANGED
package/src/.DS_Store
CHANGED
|
Binary file
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="18" height="18" viewBox="2.7 2.7 12.6 12.6" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M4.50001 2.70001C3.5072 2.70001 2.70001 3.5072 2.70001 4.50001V13.5C2.70001 14.4928 3.5072 15.3 4.50001 15.3H13.5C14.4928 15.3 15.3 14.4928 15.3 13.5V4.50001C15.3 3.5072 14.4928 2.70001 13.5 2.70001H4.50001ZM6.07501 8.10001C6.44907 8.10001 6.75001 8.40095 6.75001 8.77501V11.925C6.75001 12.2991 6.44907 12.6 6.07501 12.6C5.70095 12.6 5.40001 12.2991 5.40001 11.925V8.77501C5.40001 8.40095 5.70095 8.10001 6.07501 8.10001ZM11.25 10.575C11.25 10.2009 11.5509 9.90001 11.925 9.90001C12.2991 9.90001 12.6 10.2009 12.6 10.575V11.925C12.6 12.2991 12.2991 12.6 11.925 12.6C11.5509 12.6 11.25 12.2991 11.25 11.925V10.575ZM9.00001 5.40001C9.37407 5.40001 9.67501 5.70095 9.67501 6.07501V11.925C9.67501 12.2991 9.37407 12.6 9.00001 12.6C8.62595 12.6 8.32501 12.2991 8.32501 11.925V6.07501C8.32501 5.70095 8.62595 5.40001 9.00001 5.40001Z" fill="#477ef6"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="18" height="18" viewBox="2.7 2.7 12.6 12.6" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M4.50001 2.70001C3.5072 2.70001 2.70001 3.5072 2.70001 4.50001V13.5C2.70001 14.4928 3.5072 15.3 4.50001 15.3H13.5C14.4928 15.3 15.3 14.4928 15.3 13.5V4.50001C15.3 3.5072 14.4928 2.70001 13.5 2.70001H4.50001ZM6.07501 8.10001C6.44907 8.10001 6.75001 8.40095 6.75001 8.77501V11.925C6.75001 12.2991 6.44907 12.6 6.07501 12.6C5.70095 12.6 5.40001 12.2991 5.40001 11.925V8.77501C5.40001 8.40095 5.70095 8.10001 6.07501 8.10001ZM11.25 10.575C11.25 10.2009 11.5509 9.90001 11.925 9.90001C12.2991 9.90001 12.6 10.2009 12.6 10.575V11.925C12.6 12.2991 12.2991 12.6 11.925 12.6C11.5509 12.6 11.25 12.2991 11.25 11.925V10.575ZM9.00001 5.40001C9.37407 5.40001 9.67501 5.70095 9.67501 6.07501V11.925C9.67501 12.2991 9.37407 12.6 9.00001 12.6C8.62595 12.6 8.32501 12.2991 8.32501 11.925V6.07501C8.32501 5.70095 8.62595 5.40001 9.00001 5.40001Z" fill="#354b64"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="18" height="18" viewBox="1.8 1.8 14.4 14.4" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M2.69999 2.7C3.1978 2.7 3.59999 3.10218 3.59999 3.6V13.05C3.59999 13.2975 3.80249 13.5 4.04999 13.5H15.3C15.7978 13.5 16.2 13.9022 16.2 14.4C16.2 14.8978 15.7978 15.3 15.3 15.3H4.04999C2.80686 15.3 1.79999 14.2931 1.79999 13.05V3.6C1.79999 3.10218 2.20218 2.7 2.69999 2.7ZM8.54999 4.5C8.73843 4.5 8.91843 4.57875 9.0478 4.71937L11.0475 6.89906L12.3469 5.59687C12.6112 5.3325 13.0387 5.3325 13.3003 5.59687L15.1003 7.39687C15.2269 7.52343 15.2972 7.695 15.2972 7.875V11.025C15.2972 11.3991 14.9962 11.7 14.6222 11.7H6.07218C5.69811 11.7 5.39718 11.3991 5.39718 11.025V7.875C5.39718 7.70625 5.46186 7.54312 5.57436 7.41937L8.04936 4.71937C8.17593 4.57875 8.35874 4.5 8.54717 4.5H8.54999Z" fill="#477ef6"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="18" height="18" viewBox="1.8 1.8 14.4 14.4" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M2.69999 2.7C3.1978 2.7 3.59999 3.10218 3.59999 3.6V13.05C3.59999 13.2975 3.80249 13.5 4.04999 13.5H15.3C15.7978 13.5 16.2 13.9022 16.2 14.4C16.2 14.8978 15.7978 15.3 15.3 15.3H4.04999C2.80686 15.3 1.79999 14.2931 1.79999 13.05V3.6C1.79999 3.10218 2.20218 2.7 2.69999 2.7ZM8.54999 4.5C8.73843 4.5 8.91843 4.57875 9.0478 4.71937L11.0475 6.89906L12.3469 5.59687C12.6112 5.3325 13.0387 5.3325 13.3003 5.59687L15.1003 7.39687C15.2269 7.52343 15.2972 7.695 15.2972 7.875V11.025C15.2972 11.3991 14.9962 11.7 14.6222 11.7H6.07218C5.69811 11.7 5.39718 11.3991 5.39718 11.025V7.875C5.39718 7.70625 5.46186 7.54312 5.57436 7.41937L8.04936 4.71937C8.17593 4.57875 8.35874 4.5 8.54717 4.5H8.54999Z" fill="#354b64"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="18" height="18" viewBox="1.8 1.8 14.4 14.4" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M7.19999 4.05C7.19999 3.30468 7.80468 2.7 8.54999 2.7H9.44999C10.1953 2.7 10.8 3.30468 10.8 4.05V13.95C10.8 14.6953 10.1953 15.3 9.44999 15.3H8.54999C7.80468 15.3 7.19999 14.6953 7.19999 13.95V4.05ZM1.79999 9.45C1.79999 8.70468 2.40468 8.1 3.14999 8.1H4.04999C4.7953 8.1 5.39999 8.70468 5.39999 9.45V13.95C5.39999 14.6953 4.7953 15.3 4.04999 15.3H3.14999C2.40468 15.3 1.79999 14.6953 1.79999 13.95V9.45ZM13.95 4.5H14.85C15.5953 4.5 16.2 5.10468 16.2 5.85V13.95C16.2 14.6953 15.5953 15.3 14.85 15.3H13.95C13.2047 15.3 12.6 14.6953 12.6 13.95V5.85C12.6 5.10468 13.2047 4.5 13.95 4.5Z" fill="#477ef6"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="18" height="18" viewBox="1.8 1.8 14.4 14.4" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M7.19999 4.05C7.19999 3.30468 7.80468 2.7 8.54999 2.7H9.44999C10.1953 2.7 10.8 3.30468 10.8 4.05V13.95C10.8 14.6953 10.1953 15.3 9.44999 15.3H8.54999C7.80468 15.3 7.19999 14.6953 7.19999 13.95V4.05ZM1.79999 9.45C1.79999 8.70468 2.40468 8.1 3.14999 8.1H4.04999C4.7953 8.1 5.39999 8.70468 5.39999 9.45V13.95C5.39999 14.6953 4.7953 15.3 4.04999 15.3H3.14999C2.40468 15.3 1.79999 14.6953 1.79999 13.95V9.45ZM13.95 4.5H14.85C15.5953 4.5 16.2 5.10468 16.2 5.85V13.95C16.2 14.6953 15.5953 15.3 14.85 15.3H13.95C13.2047 15.3 12.6 14.6953 12.6 13.95V5.85C12.6 5.10468 13.2047 4.5 13.95 4.5Z" fill="#354b64"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="48 32 544 544"><path d="M177 217C167.6 226.4 152.4 226.4 143.1 217L79 153C69.7 143.6 69.7 128.4 79 119C88.3 109.6 103.6 109.7 113 119L136 142.1L136 56C136 42.7 146.7 32 160 32C173.3 32 184 42.7 184 56L184 142.1L207 119.1C216.4 109.7 231.6 109.7 240.9 119.1C250.2 128.5 250.3 143.7 240.9 153L176.9 217zM497 217C487.6 226.4 472.4 226.4 463.1 217L399 153C389.6 143.6 389.6 128.4 399 119.1C408.4 109.8 423.6 109.7 432.9 119.1L455.9 142.1L455.9 56C455.9 42.7 466.6 32 479.9 32C493.2 32 503.9 42.7 503.9 56L503.9 142.1L526.9 119.1C536.3 109.7 551.5 109.7 560.8 119.1C570.1 128.5 570.2 143.7 560.8 153L496.8 217zM320 256C350.9 256 376 281.1 376 312C376 342.9 350.9 368 320 368C289.1 368 264 342.9 264 312C264 281.1 289.1 256 320 256zM320 416C373 416 416 459 416 512L416 544C416 561.7 401.7 576 384 576L256 576C238.3 576 224 561.7 224 544L224 512C224 459 267 416 320 416zM96 352C96 325.5 117.5 304 144 304C170.5 304 192 325.5 192 352C192 378.5 170.5 400 144 400C117.5 400 96 378.5 96 352zM448 352C448 325.5 469.5 304 496 304C522.5 304 544 325.5 544 352C544 378.5 522.5 400 496 400C469.5 400 448 378.5 448 352zM144 432C159.3 432 173.6 436.3 185.8 443.8C179.5 460 176 477.6 176 496L176 544C176 555.4 178.4 566.2 182.7 576L94.9 576C77.8 576 64 562.2 64 545.1L64 512C64 467.8 99.8 432 144 432zM457.3 576C461.6 566.2 464 555.4 464 544L464 496C464 477.6 460.5 460 454.2 443.8C466.4 436.3 480.7 432 496 432C540.2 432 576 467.8 576 512L576 545.1C576 562.1 562.2 576 545.1 576L457.3 576z" fill="#477ef6"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="48 32 544 544"><path d="M177 217C167.6 226.4 152.4 226.4 143.1 217L79 153C69.7 143.6 69.7 128.4 79 119C88.3 109.6 103.6 109.7 113 119L136 142.1L136 56C136 42.7 146.7 32 160 32C173.3 32 184 42.7 184 56L184 142.1L207 119.1C216.4 109.7 231.6 109.7 240.9 119.1C250.2 128.5 250.3 143.7 240.9 153L176.9 217zM497 217C487.6 226.4 472.4 226.4 463.1 217L399 153C389.6 143.6 389.6 128.4 399 119.1C408.4 109.8 423.6 109.7 432.9 119.1L455.9 142.1L455.9 56C455.9 42.7 466.6 32 479.9 32C493.2 32 503.9 42.7 503.9 56L503.9 142.1L526.9 119.1C536.3 109.7 551.5 109.7 560.8 119.1C570.1 128.5 570.2 143.7 560.8 153L496.8 217zM320 256C350.9 256 376 281.1 376 312C376 342.9 350.9 368 320 368C289.1 368 264 342.9 264 312C264 281.1 289.1 256 320 256zM320 416C373 416 416 459 416 512L416 544C416 561.7 401.7 576 384 576L256 576C238.3 576 224 561.7 224 544L224 512C224 459 267 416 320 416zM96 352C96 325.5 117.5 304 144 304C170.5 304 192 325.5 192 352C192 378.5 170.5 400 144 400C117.5 400 96 378.5 96 352zM448 352C448 325.5 469.5 304 496 304C522.5 304 544 325.5 544 352C544 378.5 522.5 400 496 400C469.5 400 448 378.5 448 352zM144 432C159.3 432 173.6 436.3 185.8 443.8C179.5 460 176 477.6 176 496L176 544C176 555.4 178.4 566.2 182.7 576L94.9 576C77.8 576 64 562.2 64 545.1L64 512C64 467.8 99.8 432 144 432zM457.3 576C461.6 566.2 464 555.4 464 544L464 496C464 477.6 460.5 460 454.2 443.8C466.4 436.3 480.7 432 496 432C540.2 432 576 467.8 576 512L576 545.1C576 562.1 562.2 576 545.1 576L457.3 576z" fill="#354b64"/></svg>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div :class="[ 'toggle-button-container', {'toggle-button-container-mini':isMini, 'toggle-button-tooltip-container':
|
|
2
|
+
<div :class="[ 'toggle-button-container', {'toggle-button-container-mini':isMini, 'toggle-button-tooltip-container': !!tooltipText }]">
|
|
3
3
|
<button
|
|
4
4
|
v-if="!$slots.default"
|
|
5
5
|
:type="type"
|
|
@@ -22,10 +22,9 @@
|
|
|
22
22
|
-->
|
|
23
23
|
<slot>{{buttonText}}</slot>
|
|
24
24
|
</div>
|
|
25
|
-
<div class="toggle-button-tooltip-text" v-if="
|
|
26
|
-
<div>{{ tooltipText }}</div>
|
|
25
|
+
<div class="toggle-button-tooltip-text" v-if="tooltipText">
|
|
26
|
+
<div >{{ tooltipText }}</div>
|
|
27
27
|
</div>
|
|
28
|
-
<div class="toggle-button-mini-tooltip__label" v-if="hasTooltip && isMini">{{ tooltipText }}</div>
|
|
29
28
|
</div>
|
|
30
29
|
</template>
|
|
31
30
|
|
|
@@ -100,24 +99,14 @@ export default {
|
|
|
100
99
|
* Text displayed in tooltip
|
|
101
100
|
*/
|
|
102
101
|
tooltipText: {
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
},
|
|
106
|
-
/*
|
|
107
|
-
* When false, no tooltip is shown even if tooltipText is set
|
|
108
|
-
*/
|
|
109
|
-
showTooltip: {
|
|
110
|
-
type: Boolean,
|
|
111
|
-
default: true
|
|
102
|
+
type: String,
|
|
103
|
+
required: false
|
|
112
104
|
}
|
|
113
105
|
},
|
|
114
106
|
computed: {
|
|
115
107
|
isMini()
|
|
116
108
|
{
|
|
117
109
|
return this.buttonStyle.includes('mini');
|
|
118
|
-
},
|
|
119
|
-
hasTooltip() {
|
|
120
|
-
return Boolean(this.tooltipText && this.showTooltip);
|
|
121
110
|
}
|
|
122
111
|
},
|
|
123
112
|
watch: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<li
|
|
3
|
-
:class="['toggle-multi-tier-sidenav-item', icon, { 'active': active, 'toggle-multi-tier-sidenav-icon': icon, 'toggle-multi-tier-sidenav-arrow': arrow}]">
|
|
3
|
+
:class="['toggle-multi-tier-sidenav-item', icon, { 'active': active, 'toggle-multi-tier-sidenav-icon': icon, 'toggle-multi-tier-sidenav-arrow': arrow, 'toggle-multi-tier-sidenav-allow-subnav-icon': allowSubNavIcon }]">
|
|
4
4
|
|
|
5
5
|
<!-- @slot For nav-item link (either regular a tag or vue-router link)-->
|
|
6
6
|
<slot name="item"></slot>
|
|
@@ -35,6 +35,13 @@ export default {
|
|
|
35
35
|
type: Boolean,
|
|
36
36
|
default: false
|
|
37
37
|
},
|
|
38
|
+
/**
|
|
39
|
+
* When true, nested sub-nav items may show the `icon` pseudo-element. Default hides sub-nav icons for existing layouts.
|
|
40
|
+
*/
|
|
41
|
+
allowSubNavIcon: {
|
|
42
|
+
type: Boolean,
|
|
43
|
+
default: false,
|
|
44
|
+
},
|
|
38
45
|
}
|
|
39
46
|
};
|
|
40
47
|
</script>
|
|
@@ -545,52 +545,6 @@
|
|
|
545
545
|
visibility: visible;
|
|
546
546
|
}
|
|
547
547
|
|
|
548
|
-
/* Mini icon hover popover (separate classes — does not alter tooltip classes above) */
|
|
549
|
-
.toggle-button-mini-tooltip {
|
|
550
|
-
position: relative;
|
|
551
|
-
justify-content: center;
|
|
552
|
-
display: flex;
|
|
553
|
-
}
|
|
554
|
-
|
|
555
|
-
.toggle-button-mini-tooltip__label {
|
|
556
|
-
visibility: hidden;
|
|
557
|
-
position: absolute;
|
|
558
|
-
z-index: 999;
|
|
559
|
-
top: 100%;
|
|
560
|
-
margin-top: 6px;
|
|
561
|
-
padding: 8px 14px;
|
|
562
|
-
width: max-content;
|
|
563
|
-
max-width: 16rem;
|
|
564
|
-
background-color: #ffffff;
|
|
565
|
-
color: #6b3b3b;
|
|
566
|
-
font-weight: bold;
|
|
567
|
-
font-size: 0.8125rem;
|
|
568
|
-
font-family: $toggle-font-family;
|
|
569
|
-
text-align: center;
|
|
570
|
-
border-radius: 8px;
|
|
571
|
-
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
|
|
572
|
-
white-space: normal;
|
|
573
|
-
line-height: 1.2;
|
|
574
|
-
left: 50%;
|
|
575
|
-
transform: translateX(-50%);
|
|
576
|
-
box-sizing: border-box;
|
|
577
|
-
}
|
|
578
|
-
|
|
579
|
-
.toggle-button-mini-tooltip__label::before {
|
|
580
|
-
content: "";
|
|
581
|
-
position: absolute;
|
|
582
|
-
bottom: 100%;
|
|
583
|
-
left: 50%;
|
|
584
|
-
margin-left: -7px;
|
|
585
|
-
border-style: solid;
|
|
586
|
-
border-width: 0 7px 7px 7px;
|
|
587
|
-
border-color: transparent transparent #ffffff transparent;
|
|
588
|
-
}
|
|
589
|
-
|
|
590
|
-
.toggle-button-mini-tooltip:hover .toggle-button-mini-tooltip__label {
|
|
591
|
-
visibility: visible;
|
|
592
|
-
}
|
|
593
|
-
|
|
594
548
|
// Shimmer animation for booster badge
|
|
595
549
|
@keyframes shimmer {
|
|
596
550
|
0% {
|
|
@@ -297,59 +297,59 @@
|
|
|
297
297
|
}
|
|
298
298
|
|
|
299
299
|
&.toggle-multi-tier-sidenav-icon {
|
|
300
|
-
&.airship-plane-icon a::before,
|
|
301
|
-
&.airship-plane-icon span::before {
|
|
300
|
+
&.airship-plane-icon > a::before,
|
|
301
|
+
&.airship-plane-icon > span::before {
|
|
302
302
|
background-image: url("../assets/icons/airship-plane-hover.svg");
|
|
303
303
|
}
|
|
304
304
|
|
|
305
|
-
&.airship-email-builder-icon a::before,
|
|
306
|
-
&.airship-email-builder-icon span::before {
|
|
305
|
+
&.airship-email-builder-icon > a::before,
|
|
306
|
+
&.airship-email-builder-icon > span::before {
|
|
307
307
|
background-image: url("../assets/icons/airship-pencil-hover.svg");
|
|
308
308
|
}
|
|
309
309
|
|
|
310
|
-
&.airship-megaphone-icon a::before,
|
|
311
|
-
&.airship-megaphone-icon span::before {
|
|
310
|
+
&.airship-megaphone-icon > a::before,
|
|
311
|
+
&.airship-megaphone-icon > span::before {
|
|
312
312
|
background-image: url("../assets/icons/airship-megaphone-hover.svg");
|
|
313
313
|
}
|
|
314
314
|
|
|
315
|
-
&.airship-sms-icon a::before,
|
|
316
|
-
&.airship-sms-icon span::before {
|
|
315
|
+
&.airship-sms-icon > a::before,
|
|
316
|
+
&.airship-sms-icon > span::before {
|
|
317
317
|
background-image: url("../assets/icons/airship-sms-hover.svg");
|
|
318
318
|
}
|
|
319
319
|
|
|
320
|
-
&.airship-clipboard-icon a::before,
|
|
321
|
-
&.airship-clipboard-icon span::before {
|
|
320
|
+
&.airship-clipboard-icon > a::before,
|
|
321
|
+
&.airship-clipboard-icon > span::before {
|
|
322
322
|
background-image: url("../assets/icons/airship-clipboard-hover.svg");
|
|
323
323
|
}
|
|
324
324
|
|
|
325
|
-
&.airship-pie-chart-icon a::before,
|
|
326
|
-
&.airship-pie-chart-icon span::before {
|
|
325
|
+
&.airship-pie-chart-icon > a::before,
|
|
326
|
+
&.airship-pie-chart-icon > span::before {
|
|
327
327
|
background-image: url("../assets/icons/airship-pie-chart-hover.svg");
|
|
328
328
|
}
|
|
329
329
|
|
|
330
|
-
&.airship-wrench-icon a::before,
|
|
331
|
-
&.airship-wrench-icon span::before {
|
|
330
|
+
&.airship-wrench-icon > a::before,
|
|
331
|
+
&.airship-wrench-icon > span::before {
|
|
332
332
|
background-image: url("../assets/icons/airship-wrench-hover.svg");
|
|
333
333
|
}
|
|
334
334
|
|
|
335
|
-
&.airship-cog-icon a::before,
|
|
336
|
-
&.airship-cog-icon span::before {
|
|
335
|
+
&.airship-cog-icon > a::before,
|
|
336
|
+
&.airship-cog-icon > span::before {
|
|
337
337
|
background-image: url("../assets/icons/airship-cog-hover.svg");
|
|
338
338
|
}
|
|
339
339
|
|
|
340
|
-
&.airship-hat-icon a::before,
|
|
341
|
-
&.airship-hat-icon span::before {
|
|
340
|
+
&.airship-hat-icon > a::before,
|
|
341
|
+
&.airship-hat-icon > span::before {
|
|
342
342
|
background-image: url("../assets/icons/airship-hat-hover.svg");
|
|
343
343
|
}
|
|
344
344
|
|
|
345
|
-
&.airship-feedback-icon a::before,
|
|
346
|
-
&.airship-feedback-icon span::before {
|
|
345
|
+
&.airship-feedback-icon > a::before,
|
|
346
|
+
&.airship-feedback-icon > span::before {
|
|
347
347
|
background-image: url("../assets/icons/airship-feedback-hover.svg");
|
|
348
348
|
}
|
|
349
349
|
}
|
|
350
350
|
}
|
|
351
351
|
|
|
352
|
-
.toggle-multi-tier-sidenav-item {
|
|
352
|
+
.toggle-multi-tier-sidenav-item:not(.toggle-multi-tier-sidenav-allow-subnav-icon) {
|
|
353
353
|
a, span {
|
|
354
354
|
&::before {
|
|
355
355
|
display: none;
|
|
@@ -385,7 +385,7 @@
|
|
|
385
385
|
|
|
386
386
|
&.toggle-multi-tier-sidenav-icon {
|
|
387
387
|
|
|
388
|
-
a, span {
|
|
388
|
+
> a, > span {
|
|
389
389
|
&::before {
|
|
390
390
|
content: '';
|
|
391
391
|
position: static;
|
|
@@ -401,158 +401,200 @@
|
|
|
401
401
|
|
|
402
402
|
|
|
403
403
|
|
|
404
|
-
&.airship-plane-icon a::before,
|
|
405
|
-
&.airship-plane-icon span::before {
|
|
404
|
+
&.airship-plane-icon > a::before,
|
|
405
|
+
&.airship-plane-icon > span::before {
|
|
406
406
|
background-image: url("../assets/icons/airship-plane.svg");
|
|
407
407
|
}
|
|
408
408
|
|
|
409
|
-
&.airship-plane-icon a:hover::before,
|
|
410
|
-
&.airship-plane-icon span:hover::before {
|
|
409
|
+
&.airship-plane-icon > a:hover::before,
|
|
410
|
+
&.airship-plane-icon > span:hover::before {
|
|
411
411
|
animation: tilt-shake 0.4s;
|
|
412
412
|
background-image: url("../assets/icons/airship-plane-hover.svg");
|
|
413
413
|
}
|
|
414
414
|
|
|
415
|
-
&.airship-email-builder-icon a::before,
|
|
416
|
-
&.airship-email-builder-icon span::before {
|
|
415
|
+
&.airship-email-builder-icon > a::before,
|
|
416
|
+
&.airship-email-builder-icon > span::before {
|
|
417
417
|
background-image: url("../assets/icons/airship-pencil.svg");
|
|
418
418
|
}
|
|
419
419
|
|
|
420
|
-
&.airship-email-builder-icon a:hover::before,
|
|
421
|
-
&.airship-email-builder-icon span:hover::before {
|
|
420
|
+
&.airship-email-builder-icon > a:hover::before,
|
|
421
|
+
&.airship-email-builder-icon > span:hover::before {
|
|
422
422
|
animation: tilt-shake 0.4s;
|
|
423
423
|
background-image: url("../assets/icons/airship-pencil-hover.svg");
|
|
424
424
|
}
|
|
425
425
|
|
|
426
|
-
&.airship-megaphone-icon a::before,
|
|
427
|
-
&.airship-megaphone-icon span::before {
|
|
426
|
+
&.airship-megaphone-icon > a::before,
|
|
427
|
+
&.airship-megaphone-icon > span::before {
|
|
428
428
|
background-image: url("../assets/icons/airship-megaphone.svg");
|
|
429
429
|
}
|
|
430
430
|
|
|
431
|
-
&.airship-megaphone-icon a:hover::before,
|
|
432
|
-
&.airship-megaphone-icon span:hover::before {
|
|
431
|
+
&.airship-megaphone-icon > a:hover::before,
|
|
432
|
+
&.airship-megaphone-icon > span:hover::before {
|
|
433
433
|
animation: tilt-shake 0.4s;
|
|
434
434
|
background-image: url("../assets/icons/airship-megaphone-hover.svg");
|
|
435
435
|
}
|
|
436
436
|
|
|
437
|
-
&.airship-sms-icon a::before,
|
|
438
|
-
&.airship-sms-icon span::before {
|
|
437
|
+
&.airship-sms-icon > a::before,
|
|
438
|
+
&.airship-sms-icon > span::before {
|
|
439
439
|
background-image: url("../assets/icons/airship-sms.svg");
|
|
440
440
|
}
|
|
441
441
|
|
|
442
|
-
&.airship-sms-icon a:hover::before,
|
|
443
|
-
&.airship-sms-icon span:hover::before {
|
|
442
|
+
&.airship-sms-icon > a:hover::before,
|
|
443
|
+
&.airship-sms-icon > span:hover::before {
|
|
444
444
|
animation: tilt-shake 0.4s;
|
|
445
445
|
background-image: url("../assets/icons/airship-sms-hover.svg");
|
|
446
446
|
}
|
|
447
447
|
|
|
448
|
-
&.airship-clipboard-icon a::before,
|
|
449
|
-
&.airship-clipboard-icon span::before {
|
|
448
|
+
&.airship-clipboard-icon > a::before,
|
|
449
|
+
&.airship-clipboard-icon > span::before {
|
|
450
450
|
background-image: url("../assets/icons/airship-clipboard.svg");
|
|
451
451
|
}
|
|
452
452
|
|
|
453
|
-
&.airship-clipboard-icon a:hover::before,
|
|
454
|
-
&.airship-clipboard-icon span:hover::before {
|
|
453
|
+
&.airship-clipboard-icon > a:hover::before,
|
|
454
|
+
&.airship-clipboard-icon > span:hover::before {
|
|
455
455
|
animation: tilt-shake 0.4s;
|
|
456
456
|
background-image: url("../assets/icons/airship-clipboard-hover.svg");
|
|
457
457
|
}
|
|
458
458
|
|
|
459
|
-
&.airship-pie-chart-icon a::before,
|
|
460
|
-
&.airship-pie-chart-icon span::before {
|
|
459
|
+
&.airship-pie-chart-icon > a::before,
|
|
460
|
+
&.airship-pie-chart-icon > span::before {
|
|
461
461
|
background-image: url("../assets/icons/airship-pie-chart.svg");
|
|
462
462
|
}
|
|
463
463
|
|
|
464
|
-
&.airship-pie-chart-icon a:hover::before,
|
|
465
|
-
&.airship-pie-chart-icon span:hover::before {
|
|
464
|
+
&.airship-pie-chart-icon > a:hover::before,
|
|
465
|
+
&.airship-pie-chart-icon > span:hover::before {
|
|
466
466
|
animation: tilt-shake 0.4s;
|
|
467
467
|
background-image: url("../assets/icons/airship-pie-chart-hover.svg");
|
|
468
468
|
}
|
|
469
469
|
|
|
470
|
-
&.airship-wrench-icon a::before,
|
|
471
|
-
&.airship-wrench-icon span::before{
|
|
470
|
+
&.airship-wrench-icon > a::before,
|
|
471
|
+
&.airship-wrench-icon > span::before{
|
|
472
472
|
background-image: url("../assets/icons/airship-wrench.svg");
|
|
473
473
|
}
|
|
474
474
|
|
|
475
|
-
&.airship-wrench-icon a:hover::before,
|
|
476
|
-
&.airship-wrench-icon span:hover::before {
|
|
475
|
+
&.airship-wrench-icon > a:hover::before,
|
|
476
|
+
&.airship-wrench-icon > span:hover::before {
|
|
477
477
|
animation: tilt-shake 0.4s;
|
|
478
478
|
background-image: url("../assets/icons/airship-wrench-hover.svg");
|
|
479
479
|
}
|
|
480
480
|
|
|
481
|
-
&.airship-cog-icon a::before,
|
|
482
|
-
&.airship-cog-icon span::before {
|
|
481
|
+
&.airship-cog-icon > a::before,
|
|
482
|
+
&.airship-cog-icon > span::before {
|
|
483
483
|
background-image: url("../assets/icons/airship-cog.svg");
|
|
484
484
|
}
|
|
485
485
|
|
|
486
|
-
&.airship-cog-icon a:hover::before,
|
|
487
|
-
&.airship-cog-icon span:hover::before {
|
|
486
|
+
&.airship-cog-icon > a:hover::before,
|
|
487
|
+
&.airship-cog-icon > span:hover::before {
|
|
488
488
|
animation: tilt-shake 0.4s;
|
|
489
489
|
background-image: url("../assets/icons/airship-cog-hover.svg");
|
|
490
490
|
}
|
|
491
491
|
|
|
492
|
-
&.airship-hat-icon a::before,
|
|
493
|
-
&.airship-hat-icon span::before {
|
|
492
|
+
&.airship-hat-icon > a::before,
|
|
493
|
+
&.airship-hat-icon > span::before {
|
|
494
494
|
background-image: url("../assets/icons/airship-hat.svg");
|
|
495
495
|
}
|
|
496
496
|
|
|
497
|
-
&.airship-hat-icon a:hover::before,
|
|
498
|
-
&.airship-hat-icon span:hover::before {
|
|
497
|
+
&.airship-hat-icon > a:hover::before,
|
|
498
|
+
&.airship-hat-icon > span:hover::before {
|
|
499
499
|
animation: tilt-shake 0.4s;
|
|
500
500
|
background-image: url("../assets/icons/airship-hat-hover.svg");
|
|
501
501
|
}
|
|
502
502
|
|
|
503
|
-
&.airship-audiences-icon a::before,
|
|
504
|
-
&.airship-audiences-icon span::before {
|
|
503
|
+
&.airship-audiences-icon > a::before,
|
|
504
|
+
&.airship-audiences-icon > span::before {
|
|
505
505
|
background-image: url("../assets/icons/airship-audiences.svg");
|
|
506
506
|
}
|
|
507
507
|
|
|
508
|
-
&.airship-audiences-icon a:hover::before,
|
|
509
|
-
&.airship-audiences-icon span:hover::before {
|
|
508
|
+
&.airship-audiences-icon > a:hover::before,
|
|
509
|
+
&.airship-audiences-icon > span:hover::before {
|
|
510
510
|
animation: tilt-shake 0.4s;
|
|
511
511
|
background-image: url("../assets/icons/airship-audiences-hover.svg");
|
|
512
512
|
}
|
|
513
513
|
// add feedbacl
|
|
514
|
-
&.airship-feedback-icon a::before,
|
|
515
|
-
&.airship-feedback-icon span::before {
|
|
514
|
+
&.airship-feedback-icon > a::before,
|
|
515
|
+
&.airship-feedback-icon > span::before {
|
|
516
516
|
background-image: url("../assets/icons/airship-feedback.svg");
|
|
517
517
|
}
|
|
518
518
|
|
|
519
|
-
&.airship-feedback-icon a:hover::before,
|
|
520
|
-
&.airship-feedback-icon span:hover::before {
|
|
519
|
+
&.airship-feedback-icon > a:hover::before,
|
|
520
|
+
&.airship-feedback-icon > span:hover::before {
|
|
521
521
|
animation: tilt-shake 0.4s;
|
|
522
522
|
background-image: url("../assets/icons/airship-feedback-hover.svg");
|
|
523
523
|
}
|
|
524
|
-
&.airship-ai-icon a::before,
|
|
525
|
-
&.airship-ai-icon span::before {
|
|
524
|
+
&.airship-ai-icon > a::before,
|
|
525
|
+
&.airship-ai-icon > span::before {
|
|
526
526
|
background-image: url("../assets/icons/airship-ai-icon.svg");
|
|
527
527
|
}
|
|
528
528
|
|
|
529
|
-
&.airship-ai-icon a:hover::before,
|
|
530
|
-
&.airship-ai-icon span:hover::before {
|
|
529
|
+
&.airship-ai-icon > a:hover::before,
|
|
530
|
+
&.airship-ai-icon > span:hover::before {
|
|
531
531
|
animation: tilt-shake 0.4s;
|
|
532
532
|
background-image: url("../assets/icons/airship-ai-icon.svg");
|
|
533
533
|
}
|
|
534
|
-
&.airship-rewards-icon a::before,
|
|
535
|
-
&.airship-rewards-icon span::before {
|
|
534
|
+
&.airship-rewards-icon > a::before,
|
|
535
|
+
&.airship-rewards-icon > span::before {
|
|
536
536
|
background-image: url("../assets/icons/airship-rewards-icon.svg");
|
|
537
537
|
}
|
|
538
538
|
|
|
539
|
-
&.airship-rewards-icon a:hover::before,
|
|
540
|
-
&.airship-rewards-icon span:hover::before {
|
|
539
|
+
&.airship-rewards-icon > a:hover::before,
|
|
540
|
+
&.airship-rewards-icon > span:hover::before {
|
|
541
541
|
animation: tilt-shake 0.4s;
|
|
542
542
|
background-image: url("../assets/icons/airship-rewards-icon-hover.svg");
|
|
543
543
|
}
|
|
544
|
-
&.airship-journey-icon a::before,
|
|
545
|
-
&.airship-journey-icon span::before {
|
|
544
|
+
&.airship-journey-icon > a::before,
|
|
545
|
+
&.airship-journey-icon > span::before {
|
|
546
546
|
background-image: url("../assets/icons/airship-journey-icon.svg");
|
|
547
547
|
}
|
|
548
548
|
|
|
549
|
-
&.airship-journey-icon a:hover::before,
|
|
550
|
-
&.airship-journey-icon span:hover::before {
|
|
549
|
+
&.airship-journey-icon > a:hover::before,
|
|
550
|
+
&.airship-journey-icon > span:hover::before {
|
|
551
551
|
animation: tilt-shake 0.4s;
|
|
552
552
|
background-image: url("../assets/icons/airship-journey-icon-hover.svg");
|
|
553
553
|
}
|
|
554
|
-
|
|
554
|
+
&.airship-dashboard-icon > a::before,
|
|
555
|
+
&.airship-dashboard-icon > span::before {
|
|
556
|
+
background-image: url("../assets/icons/dashboards-icon.svg");
|
|
557
|
+
}
|
|
558
|
+
|
|
559
|
+
&.airship-dashboard-icon > a:hover::before,
|
|
560
|
+
&.airship-dashboard-icon > span:hover::before {
|
|
561
|
+
animation: tilt-shake 0.4s;
|
|
562
|
+
background-image: url("../assets/icons/dashboards-icon-hover.svg");
|
|
563
|
+
}
|
|
564
|
+
&.airship-performance-dashboard-icon > a::before,
|
|
565
|
+
&.airship-performance-dashboard-icon > span::before {
|
|
566
|
+
background-image: url("../assets/icons/performance-dashboard-icon.svg");
|
|
567
|
+
}
|
|
568
|
+
|
|
569
|
+
&.airship-performance-dashboard-icon > a:hover::before,
|
|
570
|
+
&.airship-performance-dashboard-icon > span:hover::before {
|
|
571
|
+
animation: tilt-shake 0.4s;
|
|
572
|
+
background-image: url("../assets/icons/performance-dashboard-icon-hover.svg");
|
|
573
|
+
}
|
|
574
|
+
&.airship-metrics-library-icon > a::before,
|
|
575
|
+
&.airship-metrics-library-icon > span::before {
|
|
576
|
+
width: 1.2rem !important;
|
|
577
|
+
height: 1.2rem !important;
|
|
578
|
+
background-image: url("../assets/icons/metrics-library-icon.svg");
|
|
579
|
+
}
|
|
580
|
+
|
|
581
|
+
&.airship-metrics-library-icon > a:hover::before,
|
|
582
|
+
&.airship-metrics-library-icon > span:hover::before {
|
|
583
|
+
animation: tilt-shake 0.4s;
|
|
584
|
+
background-image: url("../assets/icons/metrics-library-icon-hover.svg");
|
|
585
|
+
}
|
|
586
|
+
&.airship-segments-library-icon > a::before,
|
|
587
|
+
&.airship-segments-library-icon > span::before {
|
|
588
|
+
background-image: url("../assets/icons/segments-library-icon.svg");
|
|
589
|
+
}
|
|
590
|
+
|
|
591
|
+
&.airship-segments-library-icon > a:hover::before,
|
|
592
|
+
&.airship-segments-library-icon > span:hover::before {
|
|
593
|
+
animation: tilt-shake 0.4s;
|
|
594
|
+
background-image: url("../assets/icons/segments-library-icon-hover.svg");
|
|
595
|
+
}
|
|
555
596
|
}
|
|
597
|
+
}
|
|
556
598
|
|
|
557
599
|
a, span {
|
|
558
600
|
color: $toggle-dark-blue;
|