You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@camel.apache.org by ma...@apache.org on 2023/08/28 22:47:57 UTC
[camel-karavan] 04/07: Fix #763
This is an automated email from the ASF dual-hosted git repository.
marat pushed a commit to branch feature-836
in repository https://gitbox.apache.org/repos/asf/camel-karavan.git
commit 4a29855c62f3faeb7c3d7e524cd71e77a53091a4
Author: Marat Gubaidullin <ma...@talismancloud.io>
AuthorDate: Mon Aug 28 18:28:13 2023 -0400
Fix #763
---
.../src/designer/rest/RestDesigner.tsx | 2 +-
.../src/main/webui/src/designer/karavan.css | 63 +++++-----------------
.../main/webui/src/designer/rest/RestDesigner.tsx | 2 +-
.../designer/route/property/DslPropertyField.tsx | 1 -
4 files changed, 15 insertions(+), 53 deletions(-)
diff --git a/karavan-designer/src/designer/rest/RestDesigner.tsx b/karavan-designer/src/designer/rest/RestDesigner.tsx
index 7d1508ff..78ed4be8 100644
--- a/karavan-designer/src/designer/rest/RestDesigner.tsx
+++ b/karavan-designer/src/designer/rest/RestDesigner.tsx
@@ -188,7 +188,7 @@ export function RestDesigner() {
function getPropertiesPanel() {
return (
- <DrawerPanelContent isResizable hasNoBorder defaultSize={'400px'} maxSize={'800px'} minSize={'300px'}>
+ <DrawerPanelContent isResizable hasNoBorder defaultSize={'400px'} maxSize={'800px'} minSize={'100px'}>
<DslProperties isRouteDesigner={false}/>
</DrawerPanelContent>
)
diff --git a/karavan-web/karavan-app/src/main/webui/src/designer/karavan.css b/karavan-web/karavan-app/src/main/webui/src/designer/karavan.css
index 4b86f84a..11324971 100644
--- a/karavan-web/karavan-app/src/main/webui/src/designer/karavan.css
+++ b/karavan-web/karavan-app/src/main/webui/src/designer/karavan.css
@@ -14,6 +14,10 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
+:root {
+ --pf-v5-global--FontSize--md: 14px;
+}
+
.karavan .tools-section {
padding-top: 0px;
padding-bottom: 0px;
@@ -265,7 +269,7 @@
background-color: white;
}
-.karavan .designer-page .main-tabs-wrapper {
+.karavan .page .main-tabs-wrapper {
display: flex;
flex-direction: row;
justify-content: space-between;
@@ -273,7 +277,7 @@
position: relative;
}
-.karavan .designer-page .main-tabs-wrapper::before {
+.karavan .page .main-tabs-wrapper::before {
content: "";
position: absolute;
right: 0;
@@ -284,12 +288,12 @@
border-bottom-color: var(--pf-v5-global--BorderColor--100);
}
-.karavan .designer-page .main-tabs-wrapper .main-tabs .top-menu-item {
+.karavan .page .main-tabs-wrapper .main-tabs .top-menu-item {
display: flex;
flex-direction: row;
}
-.karavan .designer-page .main-tabs-wrapper .main-tabs .top-menu-item .count {
+.karavan .page .main-tabs-wrapper .main-tabs .top-menu-item .count {
background: var(--pf-v5-global--active-color--100);
color: white;
height: fit-content;
@@ -298,13 +302,12 @@
min-width: 0px;
}
-.karavan .designer-page .main-tabs-wrapper .main-tabs .pf-v5-c-tabs__link .pf-v5-c-tabs__item-icon {
+.karavan .page .main-tabs-wrapper .main-tabs .pf-v5-c-tabs__link .pf-v5-c-tabs__item-icon {
height: 24px;
margin-right: 0;
}
-.karavan .designer-page .main-tabs-wrapper .main-tabs .pf-v5-c-tabs__item-text {
- font-size: 14px;
+.karavan .page .main-tabs-wrapper .main-tabs .pf-v5-c-tabs__item-text {
font-weight: bold;
margin-top: auto;
margin-bottom: auto;
@@ -320,7 +323,6 @@
.karavan .properties {
border: 1px solid #eee;
padding: 10px 10px 10px 10px;
- font-size: 14px;
background: #fcfcfc;
width: 100%;
height: 100%;
@@ -373,13 +375,9 @@
justify-content: space-between;
}
-.karavan .properties .pf-v5-c-form__label {
- font-size: 14px;
-}
-
-.karavan .properties .text-field {
- font-size: 14px;
- height: auto;
+.karavan .properties .pf-v5-c-form-control:focus-within {
+ --pf-v5-c-form-control--after--BorderBottomColor: var(--pf-v5-c-form-control--after--BorderBottomColor);
+ --pf-v5-c-form-control--after--BorderBottomWidth: var(--pf-v5-c-form-control--after--BorderBottomWidth);
}
.karavan .properties .pf-v5-c-select {
@@ -435,7 +433,6 @@
}
.karavan .properties .pf-v5-c-select__toggle-typeahead {
- font-size: 14px;
height: auto;
}
@@ -584,7 +581,6 @@
.karavan .dsl-page .graph {
display: block;
flex-direction: column;
- font-size: 14px;
height: 100%;
width: 100%;
position: relative;
@@ -723,7 +719,6 @@
position: absolute;
top: 4px;
right: 4px;
- font-size: 14px;
line-height: 1;
border: 0;
padding: 0;
@@ -737,7 +732,6 @@
.element-builder .header .delete-button {
position: absolute;
top: -5px;
- font-size: 14px;
line-height: 1;
border: 0;
padding: 0;
@@ -845,8 +839,6 @@
.karavan .step-element .insert-element-button {
position: absolute;
top: -5px;
- /*right: 10px;*/
- font-size: 14px;
line-height: 1;
border: 0;
padding: 0;
@@ -968,7 +960,6 @@
}
.dsl-modal .search .text-field {
- font-size: 14px;
height: auto;
}
@@ -1067,7 +1058,6 @@
.karavan .rest-page .graph {
display: block;
flex-direction: column;
- font-size: 14px;
height: 100%;
width: 100%;
position: relative;
@@ -1149,7 +1139,6 @@
border-radius: 3px;
color: #fff;
font-family: sans-serif;
- font-size: 14px;
font-weight: 700;
min-width: 80px;
padding: 6px 0;
@@ -1189,7 +1178,6 @@
position: absolute;
top: 3px;
right: 3px;
- font-size: 14px;
line-height: 1;
border: 0;
padding: 0;
@@ -1238,7 +1226,6 @@
.karavan .rest-page .properties .bean-property .delete-button {
padding: 3px;
color: #b1b1b7;
- font-size: 14px;
}
/*YAML*/
@@ -1297,7 +1284,6 @@
/* Project Tools */
.karavan .project-builder {
height: 100%;
- font-size: 14px;
}
.karavan .project-builder .tools-section {
@@ -1309,11 +1295,6 @@
padding: 0;
}
-.karavan .project-builder .pf-v5-c-tabs__link,
-.karavan .project-builder .pf-v5-c-card__title,
-.karavan .project-builder .profile-caption {
- font-size: 14px;
-}
.karavan .project-builder .card-header svg {
margin-right: 6px;
@@ -1323,24 +1304,6 @@
opacity: 0.4;
}
-.karavan .project-builder .pf-v5-c-form__label {
- font-size: 14px;
-}
-
-.karavan .project-builder .pf-v5-c-check__label {
- font-size: 14px;
-}
-
-.karavan .project-builder .text-field {
- font-size: 14px;
- height: auto;
-}
-
-.karavan .project-builder .pf-v5-c-input-group button {
- font-size: 14px;
- height: auto;
-}
-
.karavan .project-builder .pf-v5-c-form {
--pf-v5-c-form--GridGap: 1em;
}
diff --git a/karavan-web/karavan-app/src/main/webui/src/designer/rest/RestDesigner.tsx b/karavan-web/karavan-app/src/main/webui/src/designer/rest/RestDesigner.tsx
index 7d1508ff..78ed4be8 100644
--- a/karavan-web/karavan-app/src/main/webui/src/designer/rest/RestDesigner.tsx
+++ b/karavan-web/karavan-app/src/main/webui/src/designer/rest/RestDesigner.tsx
@@ -188,7 +188,7 @@ export function RestDesigner() {
function getPropertiesPanel() {
return (
- <DrawerPanelContent isResizable hasNoBorder defaultSize={'400px'} maxSize={'800px'} minSize={'300px'}>
+ <DrawerPanelContent isResizable hasNoBorder defaultSize={'400px'} maxSize={'800px'} minSize={'100px'}>
<DslProperties isRouteDesigner={false}/>
</DrawerPanelContent>
)
diff --git a/karavan-web/karavan-app/src/main/webui/src/designer/route/property/DslPropertyField.tsx b/karavan-web/karavan-app/src/main/webui/src/designer/route/property/DslPropertyField.tsx
index 75447d38..26bbdfd1 100644
--- a/karavan-web/karavan-app/src/main/webui/src/designer/route/property/DslPropertyField.tsx
+++ b/karavan-web/karavan-app/src/main/webui/src/designer/route/property/DslPropertyField.tsx
@@ -321,7 +321,6 @@ export function DslPropertyField(props: Props) {
<InputGroup>
<InputGroupItem isFill>
<TextArea
- autoResize
className="text-field" isRequired
type={"text"}
id={property.name}