@teambit/component.ui.component-compare.compare-aspects.compare-aspect-view 0.0.3 → 0.0.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.
- package/compare-aspect-view.module.scss +7 -2
- package/dist/compare-aspect-view.module.scss +7 -2
- package/dist/{preview-1672889151191.js → preview-1675752700186.js} +0 -0
- package/package-tar/teambit-component.ui.component-compare.compare-aspects.compare-aspect-view-0.0.5.tgz +0 -0
- package/package.json +2 -2
- package/package-tar/teambit-component.ui.component-compare.compare-aspects.compare-aspect-view-0.0.3.tgz +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Monaco container is not flex so providing it a fixed calculated height
|
|
3
3
|
* so it can fill up the remaining space correctly instead of overflowing
|
|
4
|
-
* diff editor headers: h4 (24px) + padding (
|
|
4
|
+
* diff editor headers: h4 (24px) + padding (8px * 2) = 56px
|
|
5
5
|
*/
|
|
6
6
|
$editor-padding: 56px;
|
|
7
7
|
|
|
@@ -26,7 +26,7 @@ $editor-padding: 56px;
|
|
|
26
26
|
.componentCompareAspectCalculatedDiff {
|
|
27
27
|
display: flex;
|
|
28
28
|
flex: 1;
|
|
29
|
-
padding: 8px;
|
|
29
|
+
padding: 0px 8px;
|
|
30
30
|
height: 100%;
|
|
31
31
|
flex-direction: column;
|
|
32
32
|
|
|
@@ -42,4 +42,9 @@ $editor-padding: 56px;
|
|
|
42
42
|
justify-items: center;
|
|
43
43
|
height: 100%;
|
|
44
44
|
width: 100%;
|
|
45
|
+
color: var(--on-surface-neutral-low-color, #282828);
|
|
46
|
+
background-image: linear-gradient(to right, currentColor 0%, #2b2b2b 30%, #2b2b2b 50%, currentColor 100%);
|
|
47
|
+
> div {
|
|
48
|
+
background-image: linear-gradient(to right, currentColor 0%, #2b2b2b 30%, #2b2b2b 50%, currentColor 100%);
|
|
49
|
+
}
|
|
45
50
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Monaco container is not flex so providing it a fixed calculated height
|
|
3
3
|
* so it can fill up the remaining space correctly instead of overflowing
|
|
4
|
-
* diff editor headers: h4 (24px) + padding (
|
|
4
|
+
* diff editor headers: h4 (24px) + padding (8px * 2) = 56px
|
|
5
5
|
*/
|
|
6
6
|
$editor-padding: 56px;
|
|
7
7
|
|
|
@@ -26,7 +26,7 @@ $editor-padding: 56px;
|
|
|
26
26
|
.componentCompareAspectCalculatedDiff {
|
|
27
27
|
display: flex;
|
|
28
28
|
flex: 1;
|
|
29
|
-
padding: 8px;
|
|
29
|
+
padding: 0px 8px;
|
|
30
30
|
height: 100%;
|
|
31
31
|
flex-direction: column;
|
|
32
32
|
|
|
@@ -42,4 +42,9 @@ $editor-padding: 56px;
|
|
|
42
42
|
justify-items: center;
|
|
43
43
|
height: 100%;
|
|
44
44
|
width: 100%;
|
|
45
|
+
color: var(--on-surface-neutral-low-color, #282828);
|
|
46
|
+
background-image: linear-gradient(to right, currentColor 0%, #2b2b2b 30%, #2b2b2b 50%, currentColor 100%);
|
|
47
|
+
> div {
|
|
48
|
+
background-image: linear-gradient(to right, currentColor 0%, #2b2b2b 30%, #2b2b2b 50%, currentColor 100%);
|
|
49
|
+
}
|
|
45
50
|
}
|
|
File without changes
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teambit/component.ui.component-compare.compare-aspects.compare-aspect-view",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.5",
|
|
4
4
|
"homepage": "https://bit.dev/teambit/component/ui/component-compare/compare-aspects/compare-aspect-view",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"componentId": {
|
|
7
7
|
"scope": "teambit.component",
|
|
8
8
|
"name": "ui/component-compare/compare-aspects/compare-aspect-view",
|
|
9
|
-
"version": "0.0.
|
|
9
|
+
"version": "0.0.5"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"@monaco-editor/react": "4.4.6",
|