@bytebrand/fe-ui-core 4.1.110 → 4.1.111

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 (4) hide show
  1. package/package.json +1 -1
  2. package/source/components/Breadcrumbs/Breadcrumbs.styl +20 -10
  3. package/source/components/Breadcrumbs/Breadcrumbs.tsx +1 -1
  4. package/source/components/Breadcrumbs/FirstInfoBlock/FirstInfoBlock.styl +11 -18
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bytebrand/fe-ui-core",
3
- "version": "4.1.110",
3
+ "version": "4.1.111",
4
4
  "description": "UI components for the auto.de project",
5
5
  "main": "index.ts",
6
6
  "module": "dist/common.js",
package/source/components/Breadcrumbs/Breadcrumbs.styl CHANGED
@@ -18,6 +18,8 @@
18
18
  padding-right: 15px;
19
19
  box-sizing: border-box
20
20
  flex-shrink: 0;
21
+ display: flex;
22
+ align-items: center;
21
23
  +media-phone-only()
22
24
  display none
23
25
  +media-tablet-landscape-down()
@@ -27,7 +29,7 @@
27
29
  width: 20px;
28
30
  height: 20px;
29
31
  font-size: 0;
30
- display: inline-block
32
+ display: block;
31
33
  position: relative
32
34
 
33
35
  .link
@@ -35,6 +37,7 @@
35
37
  position: relative
36
38
  margin-right: 20px
37
39
  font-size: 16px
40
+ line-height: 1;
38
41
  color: rgba(76, 78, 100, 0.68);
39
42
  text-decoration: none
40
43
  // vertical-align: middle
@@ -46,14 +49,15 @@
46
49
  transform translateY(-50%)
47
50
  right: -13px
48
51
  background-image: url('../../../media/svg/common/arrow_breadcrumps.svg')
49
- width: 5px
50
- height: 8px
52
+ width: 7px
53
+ height: 10px
51
54
 
52
55
  .homeLink
53
56
  display: inline-block
54
57
  position: relative
55
58
  margin-right: 20px
56
59
  font-size: 16px
60
+ line-height: 1;
57
61
  color: rgba(76, 78, 100, 0.68);
58
62
  text-decoration: none
59
63
  vertical-align: middle
@@ -65,9 +69,9 @@
65
69
  transform translateY(-50%)
66
70
  right: -13px
67
71
  background-image: url('../../../media/svg/common/arrow_breadcrumps.svg')
68
- width: 5px
69
- height: 8px
70
-
72
+ width: 7px
73
+ height: 10px
74
+
71
75
  &::before
72
76
  position: absolute
73
77
  content: ''
@@ -81,11 +85,12 @@
81
85
 
82
86
  .text
83
87
  display: inline-block
84
- font-size: 12px
85
- color: $grey-74
88
+ line-height: 1;
89
+ font-size: 16px
90
+ color: rgba(76, 78, 100, 0.68);
86
91
 
87
92
  .active
88
- font-weight: bold;
93
+ // font-weight: bold;
89
94
 
90
95
  .back
91
96
  display: inline-block
@@ -94,7 +99,7 @@
94
99
  position relative;
95
100
  color: $grey-74
96
101
 
97
- &::before
102
+ &::before
98
103
  position: absolute
99
104
  content: ''
100
105
  z-index: 1;
@@ -115,6 +120,11 @@
115
120
  [class*='FirstInfoBlock__firstInfoBlock']
116
121
  grid-template-columns: repeat(4, minmax(auto, 171px));
117
122
 
123
+ [class*='Breadcrumbs__link'],
124
+ [class*='Breadcrumbs__text']
125
+ font-size: 12px;
126
+ color: rgba(76, 78, 100, 0.87);
127
+
118
128
  // [class*='FirstInfoBlock__container']
119
129
  // width: 100px;
120
130
  // margin 0 auto;
package/source/components/Breadcrumbs/Breadcrumbs.tsx CHANGED
@@ -75,7 +75,7 @@ class Breadcrumbs extends React.PureComponent<IBreadcrumbsProps> {
75
75
  <div className={styles.breadcrumbs}>
76
76
  <span className={styles.homeLink}><a href='/search'></a></span>
77
77
  {list && list.length ? this.renderList(list) : false}
78
- {withBackBtn ? this.renderGoBackButton() : false}
78
+ {/* {withBackBtn ? this.renderGoBackButton() : false} */}
79
79
  </div>
80
80
  {classBreadcrumbsAny ? <FirstInfoBlock {...infoBlockProps} /> : ''}
81
81
  </div>
package/source/components/Breadcrumbs/FirstInfoBlock/FirstInfoBlock.styl CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  .firstInfoBlock
4
4
  display grid
5
- grid-template-columns: repeat(4, minmax(auto, 179px))
5
+ grid-template-columns: repeat(4, minmax(auto, 216px))
6
6
 
7
7
  +media-tablet-landscape-down()
8
8
  display none
@@ -16,38 +16,32 @@
16
16
  position relative
17
17
  // width: 211px
18
18
 
19
- &::before
20
- content: ''
21
- width: 1px;
22
- background-color: $grey-d;
23
- height: 100%;
24
- position absolute;
25
- left: 0;
26
- top: 0;
19
+ // &::before
20
+ // content: ''
21
+ // width: 1px;
22
+ // background-color: $grey-d;
23
+ // height: 100%;
24
+ // position absolute;
25
+ // left: 0;
26
+ // top: 0;
27
27
 
28
28
  &:last-of-type
29
29
  width: 179px
30
30
 
31
31
  &:nth-of-type(1) .icon
32
32
  background-image: url('../../../../media/svg/common/whyAutodeIconSet-Q.svg');
33
- width: 34px
34
- height: 34px
35
33
  &:nth-of-type(2) .icon
36
34
  background-image: url('../../../../media/svg/common/whyAutodeIconSet-G.svg');
37
- width: 22px
38
- height: 26px
39
35
  &:nth-of-type(3) .icon
40
36
  background-image: url('../../../../media/svg/common/whyAutodeIconSet-F.svg');
41
- width: 36px
42
- height: 36px
43
37
  &:nth-of-type(4) .icon
44
38
  background-image: url('../../../../media/svg/common/whyAutodeIconSet-R.svg');
45
- width: 27px
46
- height: 27px
47
39
 
48
40
  .icon
49
41
  margin-right: 10px
50
42
  display block;
43
+ width: 34px;
44
+ height: 34px;
51
45
  background-repeat no-repeat
52
46
  background-position center center;
53
47
  background-size contain
@@ -58,5 +52,4 @@
58
52
  text-align center
59
53
  font-weight: 400
60
54
  color: $grey-75;
61
- width: 57px;
62
55
  margin 0