feat: improve the Infobox style (manifest) (#110)

* improved infobox style * fix mask id * fix order * update ja title * set min/max for height and outlineWidth * Update pkg/builtin/manifest_ja.yml Co-authored-by: HideBa <49897538+HideBa@users.noreply.github.com> * Update pkg/builtin/manifest_ja.yml Co-authored-by: HideBa <49897538+HideBa@users.noreply.github.com> * Update pkg/builtin/manifest_ja.yml Co-authored-by: HideBa <49897538+HideBa@users.noreply.github.com> * Update pkg/builtin/manifest_ja.yml Co-authored-by: HideBa <49897538+HideBa@users.noreply.github.com> * Update pkg/builtin/manifest_ja.yml Co-authored-by: HideBa <49897538+HideBa@users.noreply.github.com> Co-authored-by: HideBa <baba.papa1120.ba@gmail.com> Co-authored-by: lavalse <lavalselike@gmail.com> Co-authored-by: HideBa <49897538+HideBa@users.noreply.github.com>
reearth · Feb 14, 2022 · 7aebcd0 · 7aebcd0
1 parent 67a618e
commit 7aebcd0
Show file tree

Hide file tree

Showing 2 changed files with 91 additions and 22 deletions.
diff --git a/pkg/builtin/manifest.yml b/pkg/builtin/manifest.yml
@@ -298,6 +298,50 @@ extensions:
             - id: title
               type: string
               title: Title
+            - id: showTitle
+              type: bool
+              title: Show Title
+            - id: position
+              type: string
+              title: Position
+              defaultValue: right
+              choices:
+                - key: right
+                  label: Right
+                - key: middle
+                  label: Middle
+                - key: left
+                  label: Left
+            - id: size
+              type: string
+              title: Width
+              defaultValue: small
+              choices:
+                - key: small
+                  label: Small
+                - key: medium
+                  label: Medium
+                - key: large
+                  label: Large
+            - id: heightType
+              type: string
+              title: Height Type
+              defaultValue: auto
+              choices:
+                - key: auto
+                  label: Auto
+                - key: manual
+                  label: Manual
+            - id: height
+              type: number
+              title: Height
+              min: 284
+              max: 2048
+              suffix: px
+              availableIf:
+                field: heightType
+                type: string
+                value: manual
             - id: infoboxPaddingTop
               type: number
               title: Top padding
@@ -326,19 +370,22 @@ extensions:
               max: 40
               suffix: px
               description: "The space between the right side of the infobox and the title and blocks. Min: 0  Max: 40"
-            - id: size
-              type: string
-              title: Size Type
-              defaultValue: small
-              choices:
-                - key: small
-                  label: Small
-                - key: large
-                  label: Large
             - id: bgcolor
               type: string
               title: Background Color
               ui: color
+            - id: outlineWidth
+              type: number
+              title: Outline width
+              suffix: px
+              max: 20
+            - id: outlineColor
+              type: string
+              title: Outline Color
+              ui: color
+            - id: useMask
+              type: bool
+              title: Use Mask
             - id: typography
               type: typography
               title: Font

diff --git a/pkg/builtin/manifest_ja.yml b/pkg/builtin/manifest_ja.yml
@@ -152,29 +152,51 @@ extensions:
     description: 閲覧者が地図上のレイヤーをクリックした時に表示されるボックスです。テキストや画像、動画などのコンテンツを表示することができます。
     propertySchema:
       default:
-        title: インフォボックス
-        paddingTop:
-          title: 余白上
-          description: "上端の余白を設定します。最小0px・最大40ox"
-        paddingBottom:
-          title: 余白下
-          description: "下端の余白を設定します。最小0px・最大40ox"
-        paddingLeft:
-          title: 余白左
-          description: "左端の余白を設定します。最小0px・最大40ox"
-        paddingRight:
-          title: 余白右
-          description: "右端の余白を設定します。最小0px・最大40ox"
+        title: デフォルト
         fields:
           title:
             title: タイトル
+          showTitle:
+            title: タイトル表示
+          position:
+            title: 位置
+            choices:
+              right: 右
+              middle: 中央
+              left: 左
           size:
             title: サイズ
             choices:
               small: 小
+              medium: 中
               large: 大
+          heightType:
+            title: 高さ設定
+            choices:
+              auto: 自動
+              manual: 手動
+          height:
+            title: 高さ
+          infoboxPaddingTop:
+            title: 余白上
+            description: "上端の余白を設定します。最小0px・最大40px"
+          infoboxPaddingBottom:
+            title: 余白下
+            description: "下端の余白を設定します。最小0px・最大40px"
+          infoboxPaddingLeft:
+            title: 余白左
+            description: "左端の余白を設定します。最小0px・最大40px"
+          infoboxPaddingRight:
+            title: 余白右
+            description: "右端の余白を設定します。最小px・最大40px"
           bgcolor:
             title: 背景色
+          outlineWidth:
+            title: 線幅
+          outlineColor:
+            title: 線色
+          useMask:
+            title: 背景オーバーレイ
           typography:
             title: フォント
   marker: