UI改善、リビジョンアップ。

NanasuNANA · Jan 28, 2024 · a9c0229 · a9c0229
1 parent bd7beff
commit a9c0229
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 9 deletions.
diff --git a/src/app/component/cut-in-setting/cut-in-setting.component.html b/src/app/component/cut-in-setting/cut-in-setting.component.html
@@ -85,7 +85,7 @@
                 <b>PosX: </b>
               </div>
               <div style="display: table-cell; width: calc(100% - 9.5em)">
-                <input [(ngModel)]="cutInPosX" type="range" style="width: 100%" title="{{cutInPosX}}" min="{{minSize}}" max="{{maxSize}}" name="cutInPosX" [attr.disabled]="!isEditable ? '' : null" />
+                <input [(ngModel)]="cutInPosX" type="range" style="width: 100%" [title]="cutInPosX + '%'" min="{{minSize}}" max="{{maxSize}}" name="cutInPosX" [attr.disabled]="!isEditable ? '' : null" />
               </div>
               <div style="display: table-cell; width: 6em; text-align: right">
                 <input [(ngModel)]="cutInPosX" type="number" min="{{minSize}}" max="{{maxSize}}" style="width: 3.5em" [attr.disabled]="!isEditable ? '' : null"><b style="padding-left: 2px">%</b>
@@ -96,7 +96,7 @@
                 <b>PosY: </b>
               </div>
               <div style="display: table-cell; width: calc(100% - 9.5em)">
-                <input [(ngModel)]="cutInPosY" type="range" style="width: 100%" title="{{cutInPosY}}" min="{{minSize}}" max="{{maxSize}}" name="cutInPosY" [attr.disabled]="!isEditable ? '' : null" />
+                <input [(ngModel)]="cutInPosY" type="range" style="width: 100%" [title]="cutInPosY + '%'" min="{{minSize}}" max="{{maxSize}}" name="cutInPosY" [attr.disabled]="!isEditable ? '' : null" />
               </div>
               <div style="display: table-cell; width: 6em; text-align: right">
                 <input [(ngModel)]="cutInPosY" type="number" min="{{minSize}}" max="{{maxSize}}" style="width: 3.5em" [attr.disabled]="!isEditable ? '' : null"><b style="padding-left: 2px">%</b>
@@ -118,7 +118,7 @@
                 <b>Width (0=指定なし): </b>
               </div>
               <div style="display: table-cell; width: calc(100% - 15.5em)">
-                <input [(ngModel)]="cutInWidth" type="range" title="{{cutInWidth}}" min="{{minSize}}" max="{{maxSize}}" style="width: 100%" name="cutInWidth" [attr.disabled]="!isEditable ? '' : null" />
+                <input [(ngModel)]="cutInWidth" type="range" [title]="cutInWidth ? cutInWidth + '%' : '指定なし'" min="{{minSize}}" max="{{maxSize}}" style="width: 100%" name="cutInWidth" [attr.disabled]="!isEditable ? '' : null" />
               </div>
               <div style="display: table-cell; width: 6em; text-align: right">
                 <input [(ngModel)]="cutInWidth" type="number" min="{{minSize}}" max="{{maxSize * 2}}" style="width: 3.5em" [attr.disabled]="!isEditable ? '' : null"><b style="padding-left: 2px">%</b>
@@ -129,7 +129,7 @@
                 <b>Height (0=指定なし): </b>
               </div>
               <div style="display: table-cell; width: calc(100% - 15.5em)">
-                <input [(ngModel)]="cutInHeight" type="range" title="{{cutInHeight}}" min="{{minSize}}" max="{{maxSize}}" style="width: 100%" name="cutIHeight" [attr.disabled]="!isEditable ? '' : null" />
+                <input [(ngModel)]="cutInHeight" type="range" [title]="cutInHeight ? cutInHeight + '%' : '指定なし'" min="{{minSize}}" max="{{maxSize}}" style="width: 100%" name="cutIHeight" [attr.disabled]="!isEditable ? '' : null" />
               </div>
               <div style="display: table-cell; width: 6em; text-align: right">
                 <input [(ngModel)]="cutInHeight" type="number" min="{{minSize}}" max="{{maxSize * 2}}" style="width: 3.5em" [attr.disabled]="!isEditable ? '' : null"><b style="padding-left: 2px">%</b>

diff --git a/src/app/component/stand-element/stand-element.component.html b/src/app/component/stand-element/stand-element.component.html
@@ -74,15 +74,15 @@
             <b style="font-size: smaller;">Pos個別指定: </b>
           </label>
           <span style="white-space: nowrap; font-size: smaller">
-            <input style="width: 140px" type="range" min="0" max="100" [(ngModel)]="positionElement.value" [disabled]="!positionElement.currentValue">
+            <input style="width: 140px" type="range" [title]="positionElement.value + '%'" min="0" max="100" [(ngModel)]="positionElement.value" [disabled]="!positionElement.currentValue">
             <input style="width: 3em; text-align: right;" type="number" min="0" max="100" [(ngModel)]="positionElement.value" [disabled]="!positionElement.currentValue">
             <b style="display: inline-block; font-size: smaller; margin-left: 3px" [ngClass]="{'disabled-text': !positionElement.currentValue }">%</b>
           </span>
         </ng-container>
         <ng-container *ngIf="heightElement">
           <br><div style="display: inline; white-space: nowrap; font-size: smaller">
             <b style="display: inline-block; margin-left: 3px">Height (0=指定なし): </b>
-            <input style="width: 130px" type="range" min="0" max="100" [(ngModel)]="heightElement.value">
+            <input style="width: 130px" type="range" [title]="heightElement.value ? heightElement.value + '%' : '指定なし'" min="0" max="100" [(ngModel)]="heightElement.value">
             <input style="width: 3em; text-align: right;" type="number" min="0" max="200" [(ngModel)]="heightElement.value">
             <b style="display: inline-block; font-size: smaller; margin-left: 3px">%</b>
           </div>

diff --git a/src/app/component/stand-setting/stand-setting.component.html b/src/app/component/stand-setting/stand-setting.component.html
@@ -2,7 +2,7 @@
   <button style="float: right; cursor: help" (click)="helpStandSeteing()">?</button>
   <div class="position-indicate">
     <b>Pos: </b>
-    <input style="width: 350px" type="range" min="0" max="100" [(ngModel)]="position">
+    <input style="width: 350px" type="range" [title]="position + '%'" min="0" max="100" [(ngModel)]="position">
     <input style="width: 3em; text-align: right; margin-right: 3px;" type="number" min="0" max="100" [(ngModel)]="position"><b sytle="margin-left: 3px; margin-right: 1em ">％　</b>
     <label style="margin-left: 1em; white-space: nowrap">
       <input type="checkbox" [(ngModel)]="isSortNameList" checked="{{isSortNameList ? 'checked' : ''}}" (change)="isSortNameList = (isSortNameList ? true : false)" />
@@ -11,7 +11,7 @@
   </div>
   <div class="position-indicate">
     <b>Height (0=元画像のまま): </b> 
-    <input style="width: 350px" type="range" min="0" max="100" [(ngModel)]="height">
+    <input style="width: 350px" type="range" [title]="height ? height + '%' : '元画像のまま'" min="0" max="100" [(ngModel)]="height">
     <input style="width: 3em; text-align: right; margin-right: 3px;" type="number" min="0" max="200" [(ngModel)]="height"><b sytle="margin-left: 3px; margin-right: 1em ">％</b>
   </div>
 </div>

diff --git a/src/index.html b/src/index.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="utf-8">
   <meta name="google" content="notranslate">
-  <title>Udonarium with Fly 1.9.2h (Powered by Udonarium 1.16.0)</title>
+  <title>Udonarium with Fly 1.9.2i (Powered by Udonarium 1.16.0)</title>
   <base href="./">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="mobile-web-app-capable" content="yes">