Updated comments

iTwin · Dec 4, 2023 · 55363aa · 55363aa
1 parent 3756261
commit 55363aa
Show file tree

Hide file tree

Showing 9 changed files with 17 additions and 25 deletions.
diff --git a/packages/apps/storybook/.storybook/preview.js b/packages/apps/storybook/.storybook/preview.js
@@ -39,6 +39,6 @@ export const decorators = [
       channel.on("DARK_MODE", setDark);
     }, []);
 
-    return <ThemeProvider theme={dark ? "dark" : "light"} ><Story /></ThemeProvider>
+    return <ThemeProvider style={{ background: "transparent" }} theme={dark ? "dark" : "light"} ><Story /></ThemeProvider>
   },
 ];
diff --git a/packages/apps/storybook/src/create-imodel/CreateIModel.css b/packages/apps/storybook/src/create-imodel/CreateIModel.css
diff --git a/packages/apps/storybook/src/create-imodel/CreateIModel.stories.tsx b/packages/apps/storybook/src/create-imodel/CreateIModel.stories.tsx
@@ -2,7 +2,6 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import "./CreateIModel.css";
 
 import {
   ButtonBar,

diff --git a/packages/modules/create-imodel/src/components/base-imodel/BaseIModel.scss b/packages/modules/create-imodel/src/components/base-imodel/BaseIModel.scss
@@ -3,7 +3,7 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 
-.iac-overlay-container {
+ .iac-overlay-container {
   position: fixed;
   z-index: 99999;
   background-color: rgba(0, 0, 0, 0.1);
@@ -25,7 +25,6 @@
 .iac-imodel-properties-container {
   display: flex;
   flex-grow: 1;
-  justify-content: center;
 
   >*:last-child {
     margin-left: var(--iui-size-l);
@@ -37,16 +36,10 @@
   flex-direction: column;
   align-items: center;
   flex-grow: 1;
-  width: auto;
-  max-width: 600px;
 
   >*:not(:last-child) {
     margin-bottom: var(--iui-size-m);
   }
-
-  >.iac-model-wrapper-element {
-    width: 100%;
-  }
 }
 
 .iac-extent-inputs-container {
@@ -69,3 +62,8 @@
   height: 100%;
   justify-content: space-between;
 }
+
+.iac-model-wrapper-element {
+  width: 100%;
+  max-width: 600px;
+}
diff --git a/packages/modules/create-imodel/src/components/base-imodel/BaseIModel.tsx b/packages/modules/create-imodel/src/components/base-imodel/BaseIModel.tsx
@@ -5,6 +5,7 @@
 import "./BaseIModel.scss";
 
 import {
+  Label,
   LabeledInput,
   ProgressRadial,
   Text,
@@ -225,7 +226,7 @@ export function BaseIModelPage(props: BaseIModelProps) {
   const PointInput = (label: string, coordinate: keyof iModelExtent) => {
     return (
       <div className="iui-input-container">
-        <div className="iui-label">{label}</div>
+        <Label>{label}</Label>
         <div className="iac-extent-inputs-container">
           <LabeledInput
             label={updatedStrings.latitude}

diff --git a/packages/modules/imodel-browser/src/containers/iModelThumbnail/IModelThumbnail.tsx b/packages/modules/imodel-browser/src/containers/iModelThumbnail/IModelThumbnail.tsx
@@ -49,6 +49,7 @@ export const IModelThumbnail = ({
       className={classNames("iac-thumbnail", className)}
       style={{
         cursor: onClick ? "pointer" : "auto",
+        width: "100%",
       }}
       id="base64image"
       src={thumbnail ?? ""}

diff --git a/packages/modules/imodel-browser/src/containers/iModelTiles/IModelGhostTile.tsx b/packages/modules/imodel-browser/src/containers/iModelTiles/IModelGhostTile.tsx
@@ -16,9 +16,6 @@ export const IModelGhostTile = () => {
           <Text
             isSkeleton={true}
             style={{
-              height: "100%",
-              width: "100%",
-              margin: 0,
               borderRadius: "0",
             }}
           ></Text>

diff --git a/packages/modules/imodel-browser/src/containers/iModelTiles/IModelTile.scss b/packages/modules/imodel-browser/src/containers/iModelTiles/IModelTile.scss
@@ -5,4 +5,8 @@
 .iac-tile ._iui3-thumbnail-icon {
     width: inherit;
     height: inherit;
+}
+
+.iac-tile ._iui3-tile-thumbnail {
+    width: 100%;
 }
diff --git a/...age-versions/src/components/CreateUpdateVersion/CreateVersionModal/CreateVersionModal.tsx b/...age-versions/src/components/CreateUpdateVersion/CreateVersionModal/CreateVersionModal.tsx
@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import "./CreateVersionModal.scss";
 
-import { useToaster } from "@itwin/itwinui-react";
+import { Label, useToaster } from "@itwin/itwinui-react";
 import React from "react";
 
 import { NamedVersionClient } from "../../../clients/namedVersionClient";
@@ -81,15 +81,15 @@ export const CreateVersionModal = (props: CreateVersionModalProps) => {
       onActionClick={onCreateClick}
     >
       <div className="iui-input-container">
-        <div className="iui-label">Latest included change</div>
+        <Label>Latest included change</Label>
         <div className="iac-additional-info">
           <span>#{changeset.index}</span>
           <span>{new Date(changeset.pushDateTime).toLocaleString()}</span>
         </div>
       </div>
       {latestVersion && (
         <div className="iui-input-container">
-          <div className="iui-label">Latest Named Version</div>
+          <Label>Latest Named Version</Label>
           <div className="iac-additional-info">
             <span className="iac-cell-ellipsis">{latestVersion.name}</span>
             <span>