comand-component-library 3.3.48 → 3.3.49

Sign up to get free protection for your applications and to get access to all the features.
@@ -130,10 +130,6 @@ export default {
130
130
  border-top-right-radius: var(--border-radius);
131
131
  text-decoration: none;
132
132
 
133
- span, [class*="icon-"] {
134
- line-height: 100%;
135
- }
136
-
137
133
  &:hover, &:active, &:focus {
138
134
  cursor: pointer;
139
135
  color: var(--hyperlink-color-highlighted);
@@ -145,16 +141,12 @@ export default {
145
141
  }
146
142
 
147
143
  &.active {
148
- span, [class*="icon-"] {
149
- color: var(--pure-white);
150
- }
151
-
152
144
  &:hover, &:active, &:focus {
153
145
  color: var(--hyperlink-color);
154
146
  background: var(--pure-white);
155
147
 
156
148
  span, [class*="icon-"] {
157
- color: var(--hyperlink-color-highlighted);
149
+ color: inherit;
158
150
  }
159
151
  }
160
152
  }
@@ -54,7 +54,7 @@ export default {
54
54
  */
55
55
  htmlContent: {
56
56
  type: String,
57
- required: false
57
+ required: true
58
58
  }
59
59
  }
60
60
  }
@@ -387,12 +387,6 @@ export default {
387
387
  }
388
388
  }
389
389
 
390
- @media only screen and (width <= #{$small-max-width}) {
391
- .cmd-thumbnail-scroller {
392
- display: block;
393
- }
394
- }
395
-
396
390
  @container (width <= #{$small-max-width}) {
397
391
  .cmd-thumbnail-scroller {
398
392
  display: block;
@@ -11,7 +11,7 @@
11
11
  <CmdIcon
12
12
  :iconClass="iconClass"
13
13
  :type="iconType"
14
- :tooltip="iconTooltip"
14
+ :tooltip="!showLabel ? labelText: ''"
15
15
  />
16
16
  <!-- end CmdIcon -->
17
17
  </a>
@@ -56,12 +56,11 @@ export default {
56
56
  *
57
57
  * (styledAsButton-property must be activated)
58
58
  */
59
- iconDarkModeActivated: {
59
+ iconDarkMode: {
60
60
  default() {
61
61
  return {
62
- iconClass: "icon-sun",
63
- iconType: "auto",
64
- tooltip: "Activate light mode"
62
+ iconClass: "icon-home",
63
+ iconType: "auto"
65
64
  }
66
65
  }
67
66
  },
@@ -70,12 +69,11 @@ export default {
70
69
  *
71
70
  * (styledAsButton-property must be activated)
72
71
  */
73
- iconLightModeActivated: {
72
+ iconLightMode: {
74
73
  default() {
75
74
  return {
76
- iconClass: "icon-moon",
77
- iconType: "auto",
78
- tooltip: "Activate dark mode"
75
+ iconClass: "icon-globe",
76
+ iconType: "auto"
79
77
  }
80
78
  }
81
79
  },
@@ -159,13 +157,10 @@ export default {
159
157
  return this.darkMode ? this.labelTextDarkMode : this.labelTextLightMode
160
158
  },
161
159
  iconClass() {
162
- return this.darkMode ? this.iconDarkModeActivated.iconClass : this.iconLightModeActivated.iconClass
160
+ return this.darkMode ? this.iconDarkMode.iconClass : this.iconLightMode.iconClass
163
161
  },
164
162
  iconType() {
165
- return this.darkMode ? this.iconDarkModeActivated.iconType : this.iconLightModeActivated.iconType
166
- },
167
- iconTooltip() {
168
- return this.darkMode ? this.iconDarkModeActivated.tooltip : this.iconLightModeActivated.tooltip
163
+ return this.darkMode ? this.iconDarkMode.iconType : this.iconLightMode.iconType
169
164
  }
170
165
  },
171
166
  watch: {
@@ -10,10 +10,10 @@ export default {
10
10
  "cmdaddressdata.labeltext.email": "Email:",
11
11
  "cmdaddressdata.labeltext.website": "Web site:",
12
12
  "cmdaddressdata.labeltext.custom": "Custom:",
13
- "cmdaddressdata.tooltip.open_address_on_google_maps:": "Open address on GoogleMaps™ (in new tab)",
14
- "cmdaddressdata.tooltip.call_number": "Call number",
15
- "cmdaddressdata.tooltip.send_email": "Send email",
16
- "cmdaddressdata.tooltip.visit_website": "Visit web site (in new tab)"
13
+ "cmdaddressdata.title.open_address_on_google_maps:": "Open address on GoogleMaps™ (in new tab)",
14
+ "cmdaddressdata.title.call_number": "Call number",
15
+ "cmdaddressdata.title.send_email": "Send email",
16
+ "cmdaddressdata.title.visit_website": "Visit web site (in new tab)"
17
17
  }
18
18
  }
19
19
  }