@servicetitan/navigation 8.1.3 → 8.1.5

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.
Files changed (3) hide show
  1. package/dist/components/left-navigation/side-navigation.module.less +15 -12
  2. package/package.json +2 -2
  3. package/src/components/left-navigation/side-navigation.module.less +15 -12
package/dist/components/left-navigation/side-navigation.module.less CHANGED
@@ -139,6 +139,8 @@
139
139
  flex-direction: row;
140
140
  justify-content: flex-start;
141
141
  align-items: center;
142
+ outline: none;
143
+ overflow: hidden;
142
144
 
143
145
  .navigation-item-icon-wrapper {
144
146
  border-radius: @border-radius-2;
@@ -158,11 +160,11 @@
158
160
  }
159
161
 
160
162
  &.navigation-item-icon-state.navigation-item-active {
161
- .navigation-icon:not(.navigation-icon-active) {
163
+ .navigation-icon[data-anv][data-anv]:not(.navigation-icon-active) {
162
164
  display: none;
163
165
  }
164
166
 
165
- .navigation-icon.navigation-icon-active {
167
+ .navigation-icon[data-anv][data-anv].navigation-icon-active {
166
168
  display: block;
167
169
  }
168
170
  }
@@ -175,20 +177,20 @@
175
177
  color: @color-white;
176
178
  font-weight: @font-weight-semibold;
177
179
  }
178
- }
179
-
180
- .navigation-icon[data-anv][data-anv] {
181
- height: 24px;
182
- width: 24px;
183
- color: inherit;
184
180
 
185
- & > svg {
181
+ .navigation-icon[data-anv][data-anv] {
186
182
  height: 24px;
187
183
  width: 24px;
188
- }
184
+ color: inherit;
189
185
 
190
- &.navigation-icon-active {
191
- display: none;
186
+ & > svg {
187
+ height: 24px;
188
+ width: 24px;
189
+ }
190
+
191
+ &.navigation-icon-active {
192
+ display: none;
193
+ }
192
194
  }
193
195
  }
194
196
 
@@ -203,6 +205,7 @@
203
205
  text-wrap: nowrap;
204
206
  cursor: pointer;
205
207
  height: 32px;
208
+ outline: none;
206
209
 
207
210
  margin-top: @spacing-2;
208
211
  margin-bottom: @spacing-2;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@servicetitan/navigation",
3
- "version": "8.1.3",
3
+ "version": "8.1.5",
4
4
  "description": "Navigation components",
5
5
  "repository": {
6
6
  "type": "git",
@@ -43,5 +43,5 @@
43
43
  "less": true,
44
44
  "webpack": false
45
45
  },
46
- "gitHead": "c9ff96061565ac25b6de1c242ba95eee5c036a63"
46
+ "gitHead": "6241b2deeb523383364fbceb4151f9c91dbfa379"
47
47
  }
package/src/components/left-navigation/side-navigation.module.less CHANGED
@@ -139,6 +139,8 @@
139
139
  flex-direction: row;
140
140
  justify-content: flex-start;
141
141
  align-items: center;
142
+ outline: none;
143
+ overflow: hidden;
142
144
 
143
145
  .navigation-item-icon-wrapper {
144
146
  border-radius: @border-radius-2;
@@ -158,11 +160,11 @@
158
160
  }
159
161
 
160
162
  &.navigation-item-icon-state.navigation-item-active {
161
- .navigation-icon:not(.navigation-icon-active) {
163
+ .navigation-icon[data-anv][data-anv]:not(.navigation-icon-active) {
162
164
  display: none;
163
165
  }
164
166
 
165
- .navigation-icon.navigation-icon-active {
167
+ .navigation-icon[data-anv][data-anv].navigation-icon-active {
166
168
  display: block;
167
169
  }
168
170
  }
@@ -175,20 +177,20 @@
175
177
  color: @color-white;
176
178
  font-weight: @font-weight-semibold;
177
179
  }
178
- }
179
-
180
- .navigation-icon[data-anv][data-anv] {
181
- height: 24px;
182
- width: 24px;
183
- color: inherit;
184
180
 
185
- & > svg {
181
+ .navigation-icon[data-anv][data-anv] {
186
182
  height: 24px;
187
183
  width: 24px;
188
- }
184
+ color: inherit;
189
185
 
190
- &.navigation-icon-active {
191
- display: none;
186
+ & > svg {
187
+ height: 24px;
188
+ width: 24px;
189
+ }
190
+
191
+ &.navigation-icon-active {
192
+ display: none;
193
+ }
192
194
  }
193
195
  }
194
196
 
@@ -203,6 +205,7 @@
203
205
  text-wrap: nowrap;
204
206
  cursor: pointer;
205
207
  height: 32px;
208
+ outline: none;
206
209
 
207
210
  margin-top: @spacing-2;
208
211
  margin-bottom: @spacing-2;