@festo-ui/web-essentials 9.0.1-dev.766 → 9.0.1-dev.772

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.
@@ -3201,42 +3201,60 @@ header.fwe-fixed-header {
3201
3201
  }
3202
3202
 
3203
3203
  .fwe-breadcrumb {
3204
+ overflow: hidden;
3205
+ }
3206
+ .fwe-breadcrumb ol {
3207
+ overflow: hidden;
3204
3208
  display: flex;
3205
- flex-wrap: wrap;
3206
- justify-items: center;
3209
+ flex-wrap: nowrap;
3210
+ white-space: nowrap;
3207
3211
  align-items: center;
3212
+ list-style: none;
3213
+ margin: 0;
3214
+ padding: 0;
3208
3215
  }
3209
- .fwe-breadcrumb .fwe-breadcrumb-item,
3210
- .fwe-breadcrumb a {
3216
+ .fwe-breadcrumb li {
3211
3217
  display: flex;
3218
+ overflow: hidden;
3219
+ flex-shrink: 0;
3212
3220
  align-items: center;
3213
3221
  min-height: 24px;
3214
3222
  color: var(--fwe-text);
3223
+ font-size: var(--fwe-font-size-md);
3224
+ line-height: calc(var(--fwe-font-size-md) + 2px);
3225
+ }
3226
+ .fwe-breadcrumb li:last-child {
3227
+ flex-shrink: 1;
3228
+ min-width: 36px;
3229
+ }
3230
+ .fwe-breadcrumb li:last-child a {
3231
+ overflow: hidden;
3232
+ text-overflow: ellipsis;
3233
+ }
3234
+ .fwe-breadcrumb a {
3235
+ display: block;
3236
+ align-items: center;
3237
+ color: var(--fwe-text);
3215
3238
  text-decoration: none;
3216
3239
  -webkit-user-select: none;
3217
3240
  -moz-user-select: none;
3218
3241
  user-select: none;
3219
- font-size: var(--fwe-font-size-md);
3220
- line-height: calc(var(--fwe-font-size-md) + 2px);
3221
3242
  }
3222
- .fwe-breadcrumb .fwe-breadcrumb-item:focus,
3223
3243
  .fwe-breadcrumb a:focus {
3224
3244
  outline: none;
3225
3245
  }
3226
- .fwe-breadcrumb .fwe-breadcrumb-item:not(:last-child),
3227
- .fwe-breadcrumb a:not(:last-child) {
3228
- cursor: pointer;
3229
- }
3230
- .fwe-breadcrumb .fwe-breadcrumb-item:not(:last-child):hover,
3231
- .fwe-breadcrumb a:not(:last-child):hover {
3246
+ .fwe-breadcrumb a:hover {
3232
3247
  color: var(--fwe-hero);
3233
3248
  }
3234
- .fwe-breadcrumb .fwe-breadcrumb-item:not(:last-child):active,
3235
- .fwe-breadcrumb a:not(:last-child):active {
3249
+ .fwe-breadcrumb a:active {
3236
3250
  color: var(--fwe-hero-active);
3237
3251
  }
3238
- .fwe-breadcrumb .fwe-breadcrumb-item:not(:last-child)::after,
3239
- .fwe-breadcrumb a:not(:last-child)::after {
3252
+ .fwe-breadcrumb a[aria-current=page] {
3253
+ font-weight: bold;
3254
+ cursor: default;
3255
+ pointer-events: none;
3256
+ }
3257
+ .fwe-breadcrumb li:not(:last-child)::after {
3240
3258
  content: "";
3241
3259
  margin-left: 4px;
3242
3260
  margin-right: 4px;
@@ -3244,11 +3262,19 @@ header.fwe-fixed-header {
3244
3262
  width: 16px;
3245
3263
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0id2hpdGUgYmFja2dyb3VuZCIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAxNlYwaDE2djE2eiIvPjxwYXRoIGZpbGw9IiMzMzMiIGQ9Im0xMC43MDcgOC00LjM1MyA0LjM1NC0uNzA4LS43MDhMOS4yOTMgOCA1LjY0NiA0LjM1NGwuNzA4LS43MDhMMTAuNzA3IDh6Ii8+PC9zdmc+");
3246
3264
  }
3247
- .fwe-breadcrumb .fwe-breadcrumb-item:last-child,
3248
- .fwe-breadcrumb a:last-child {
3249
- font-weight: bold;
3250
- cursor: default;
3251
- pointer-events: none;
3265
+ .fwe-breadcrumb--mobile li {
3266
+ display: none;
3267
+ }
3268
+ .fwe-breadcrumb--mobile li:nth-last-child(-n+2) {
3269
+ display: flex;
3270
+ }
3271
+ .fwe-breadcrumb--mobile li:nth-last-child(2)::before {
3272
+ content: "";
3273
+ margin-left: 0px;
3274
+ margin-right: 4px;
3275
+ height: 16px;
3276
+ width: 16px;
3277
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0id2hpdGUgYmFja2dyb3VuZCIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAxNlYwaDE2djE2eiIvPjxwYXRoIGZpbGw9IiMzMzMiIGQ9Im0xMC43MDcgOC00LjM1MyA0LjM1NC0uNzA4LS43MDhMOS4yOTMgOCA1LjY0NiA0LjM1NGwuNzA4LS43MDhMMTAuNzA3IDh6Ii8+PC9zdmc+");
3252
3278
  }
3253
3279
 
3254
3280
  a {