Moved graphdialog CSS rules to dialog.css

litegraph-tsx · Jul 29, 2024 · 654db28 · 654db28
1 parent ae9f895
commit 654db28
Show file tree

Hide file tree

Showing 2 changed files with 121 additions and 119 deletions.
diff --git a/css/dialog.css b/css/dialog.css
@@ -186,3 +186,124 @@
     background-color: #F33;
     color: black;
 }
+
+
+
+.graphdialog {
+    position: absolute;
+    top: 10px;
+    left: 10px;
+    min-height: 2em;
+    background-color: #333;
+    font-size: 1.2em;
+    box-shadow: 0 0 10px black !important;
+	z-index: 10;
+}
+
+.graphdialog.rounded {
+    border-radius: 12px;
+    padding-right: 2px;
+}
+
+.graphdialog .name {
+    display: inline-block;
+    min-width: 60px;
+    min-height: 1.5em;
+    padding-left: 10px;
+}
+
+.graphdialog input,
+.graphdialog textarea,
+.graphdialog select {
+    margin: 3px;
+    min-width: 60px;
+    min-height: 1.5em;
+    background-color: black;
+    border: 0;
+    color: white;
+    padding-left: 10px;
+    outline: none;
+}
+
+.graphdialog textarea {
+	min-height: 150px;
+}
+
+.graphdialog button {
+    margin-top: 3px;
+    vertical-align: top;
+    background-color: #999;
+	border: 0;
+}
+
+.graphdialog button.rounded,
+.graphdialog input.rounded {
+    border-radius: 0 12px 12px 0;
+}
+
+.graphdialog .helper {
+    overflow: auto;
+    max-height: 200px;
+}
+
+.graphdialog .help-item {
+    padding-left: 10px;
+}
+
+.graphdialog .help-item:hover,
+.graphdialog .help-item.selected {
+    cursor: pointer;
+    background-color: white;
+    color: black;
+}
+
+.litegraph .dialog {
+    min-height: 0;
+}
+.litegraph .dialog .dialog-content {
+display: block;
+}
+.litegraph .dialog .dialog-content .subgraph_property {
+padding: 5px;
+}
+.litegraph .dialog .dialog-footer {
+margin: 0;
+}
+.litegraph .dialog .dialog-footer .subgraph_property {
+margin-top: 0;
+display: flex;
+align-items: center;
+padding: 5px;
+}
+.litegraph .dialog .dialog-footer .subgraph_property .name {
+flex: 1;
+}
+.litegraph .graphdialog {
+display: flex;
+align-items: center;
+border-radius: 20px;
+padding: 4px 10px;
+position: fixed;
+}
+.litegraph .graphdialog .name {
+padding: 0;
+min-height: 0;
+font-size: 16px;
+vertical-align: middle;
+}
+.litegraph .graphdialog .value {
+font-size: 16px;
+min-height: 0;
+margin: 0 10px;
+padding: 2px 5px;
+}
+.litegraph .graphdialog input[type="checkbox"] {
+width: 16px;
+height: 16px;
+}
+.litegraph .graphdialog button {
+padding: 4px 18px;
+border-radius: 20px;
+cursor: pointer;
+}
+
diff --git a/css/litegraph.css b/css/litegraph.css
@@ -88,122 +88,3 @@
 	background-color: #698;
 	cursor: pointer;
 } 
-
-.graphdialog {
-    position: absolute;
-    top: 10px;
-    left: 10px;
-    min-height: 2em;
-    background-color: #333;
-    font-size: 1.2em;
-    box-shadow: 0 0 10px black !important;
-	z-index: 10;
-}
-
-.graphdialog.rounded {
-    border-radius: 12px;
-    padding-right: 2px;
-}
-
-.graphdialog .name {
-    display: inline-block;
-    min-width: 60px;
-    min-height: 1.5em;
-    padding-left: 10px;
-}
-
-.graphdialog input,
-.graphdialog textarea,
-.graphdialog select {
-    margin: 3px;
-    min-width: 60px;
-    min-height: 1.5em;
-    background-color: black;
-    border: 0;
-    color: white;
-    padding-left: 10px;
-    outline: none;
-}
-
-.graphdialog textarea {
-	min-height: 150px;
-}
-
-.graphdialog button {
-    margin-top: 3px;
-    vertical-align: top;
-    background-color: #999;
-	border: 0;
-}
-
-.graphdialog button.rounded,
-.graphdialog input.rounded {
-    border-radius: 0 12px 12px 0;
-}
-
-.graphdialog .helper {
-    overflow: auto;
-    max-height: 200px;
-}
-
-.graphdialog .help-item {
-    padding-left: 10px;
-}
-
-.graphdialog .help-item:hover,
-.graphdialog .help-item.selected {
-    cursor: pointer;
-    background-color: white;
-    color: black;
-}
-
-.litegraph .dialog {
-    min-height: 0;
-}
-.litegraph .dialog .dialog-content {
-display: block;
-}
-.litegraph .dialog .dialog-content .subgraph_property {
-padding: 5px;
-}
-.litegraph .dialog .dialog-footer {
-margin: 0;
-}
-.litegraph .dialog .dialog-footer .subgraph_property {
-margin-top: 0;
-display: flex;
-align-items: center;
-padding: 5px;
-}
-.litegraph .dialog .dialog-footer .subgraph_property .name {
-flex: 1;
-}
-.litegraph .graphdialog {
-display: flex;
-align-items: center;
-border-radius: 20px;
-padding: 4px 10px;
-position: fixed;
-}
-.litegraph .graphdialog .name {
-padding: 0;
-min-height: 0;
-font-size: 16px;
-vertical-align: middle;
-}
-.litegraph .graphdialog .value {
-font-size: 16px;
-min-height: 0;
-margin: 0 10px;
-padding: 2px 5px;
-}
-.litegraph .graphdialog input[type="checkbox"] {
-width: 16px;
-height: 16px;
-}
-.litegraph .graphdialog button {
-padding: 4px 18px;
-border-radius: 20px;
-cursor: pointer;
-}
-