@sb1/ffe-buttons 21.3.11 → 22.0.1
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/css/buttons.css +11 -5
- package/less/base-button.less +7 -6
- package/less/inline-base-button.less +1 -0
- package/package.json +3 -3
package/css/buttons.css
CHANGED
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
display: -webkit-box;
|
|
70
70
|
display: -ms-flexbox;
|
|
71
71
|
display: flex;
|
|
72
|
-
font-family: var(--ffe-g-font);
|
|
72
|
+
font-family: var(--ffe-g-font-strong);
|
|
73
73
|
-webkit-box-pack: center;
|
|
74
74
|
-ms-flex-pack: center;
|
|
75
75
|
justify-content: center;
|
|
@@ -180,7 +180,7 @@
|
|
|
180
180
|
background-color: var(--ffe-color-component-button-action-fill-pressed);
|
|
181
181
|
}
|
|
182
182
|
@media (hover: hover) and (pointer: fine) {
|
|
183
|
-
.ffe-button--action:hover:not(:active
|
|
183
|
+
.ffe-button--action:hover:not(:active, .ffe-button--pressed) {
|
|
184
184
|
background-color: var(--ffe-color-component-button-action-fill-hover);
|
|
185
185
|
}
|
|
186
186
|
}
|
|
@@ -300,7 +300,8 @@
|
|
|
300
300
|
box-shadow: none;
|
|
301
301
|
color: var(--text-color);
|
|
302
302
|
display: inline-block;
|
|
303
|
-
padding:
|
|
303
|
+
padding: 0;
|
|
304
|
+
margin: var(--ffe-spacing-2xs);
|
|
304
305
|
text-align: left;
|
|
305
306
|
-webkit-transition: all var(--ffe-transition-duration) var(--ffe-ease);
|
|
306
307
|
-o-transition: all var(--ffe-transition-duration) var(--ffe-ease);
|
|
@@ -314,8 +315,8 @@
|
|
|
314
315
|
border: 2px solid var(--icon-border-color);
|
|
315
316
|
background-color: var(--icon-background-color);
|
|
316
317
|
border-radius: 50%;
|
|
317
|
-
height:
|
|
318
|
-
width:
|
|
318
|
+
height: 48px;
|
|
319
|
+
width: 48px;
|
|
319
320
|
display: -webkit-box;
|
|
320
321
|
display: -ms-flexbox;
|
|
321
322
|
display: flex;
|
|
@@ -446,6 +447,11 @@
|
|
|
446
447
|
-webkit-box-align: center;
|
|
447
448
|
-ms-flex-align: center;
|
|
448
449
|
align-items: center;
|
|
450
|
+
-webkit-user-select: none;
|
|
451
|
+
-moz-user-select: none;
|
|
452
|
+
-ms-user-select: none;
|
|
453
|
+
user-select: none;
|
|
454
|
+
/* Forhindrer tekstmarkering */
|
|
449
455
|
}
|
|
450
456
|
.ffe-inline-button:active {
|
|
451
457
|
-webkit-transform: scale(0.97);
|
package/less/base-button.less
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
color: var(--ffe-color-component-button-primary-foreground-default);
|
|
17
17
|
cursor: pointer;
|
|
18
18
|
display: flex;
|
|
19
|
-
font-family: var(--ffe-g-font);
|
|
19
|
+
font-family: var(--ffe-g-font-strong);
|
|
20
20
|
justify-content: center;
|
|
21
21
|
line-height: 1.5; // 16 * 1.5 = 24(height of ffe-icons size md)
|
|
22
22
|
overflow: hidden;
|
|
@@ -132,7 +132,7 @@
|
|
|
132
132
|
}
|
|
133
133
|
|
|
134
134
|
@media (hover: hover) and (pointer: fine) {
|
|
135
|
-
&:hover:not(:active
|
|
135
|
+
&:hover:not(:active, .ffe-button--pressed) {
|
|
136
136
|
background-color: var(
|
|
137
137
|
--ffe-color-component-button-action-fill-hover
|
|
138
138
|
);
|
|
@@ -310,14 +310,15 @@
|
|
|
310
310
|
|
|
311
311
|
&--task {
|
|
312
312
|
--text-color: var(--ffe-color-foreground-emphasis);
|
|
313
|
+
|
|
313
314
|
background: transparent;
|
|
314
315
|
border-radius: 1.75rem;
|
|
315
316
|
border: none;
|
|
316
317
|
box-shadow: none;
|
|
317
318
|
color: var(--text-color);
|
|
318
319
|
display: inline-block;
|
|
319
|
-
padding:
|
|
320
|
-
|
|
320
|
+
padding: 0;
|
|
321
|
+
margin: var(--ffe-spacing-2xs);
|
|
321
322
|
text-align: left;
|
|
322
323
|
transition: all var(--ffe-transition-duration) var(--ffe-ease);
|
|
323
324
|
width: auto;
|
|
@@ -330,8 +331,8 @@
|
|
|
330
331
|
border: 2px solid var(--icon-border-color);
|
|
331
332
|
background-color: var(--icon-background-color);
|
|
332
333
|
border-radius: 50%;
|
|
333
|
-
height:
|
|
334
|
-
width:
|
|
334
|
+
height: 48px;
|
|
335
|
+
width: 48px;
|
|
335
336
|
display: flex;
|
|
336
337
|
align-items: center;
|
|
337
338
|
justify-content: center;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sb1/ffe-buttons",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "22.0.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "SpareBank1",
|
|
6
6
|
"files": [
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"build": "lessc less/buttons.less css/buttons.css --autoprefix"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@sb1/ffe-core": "^
|
|
22
|
+
"@sb1/ffe-core": "^33.0.0"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"@sb1/ffe-buildtool": "^0.10.1"
|
|
@@ -27,5 +27,5 @@
|
|
|
27
27
|
"publishConfig": {
|
|
28
28
|
"access": "public"
|
|
29
29
|
},
|
|
30
|
-
"gitHead": "
|
|
30
|
+
"gitHead": "9fc62c5c79e9dece50b7803b79484ae607859f9b"
|
|
31
31
|
}
|