diff options
| author | Sj-Si <sjw.jetty@gmail.com> | 2024-01-08 19:10:03 +0000 |
|---|---|---|
| committer | Sj-Si <sjw.jetty@gmail.com> | 2024-01-08 19:10:03 +0000 |
| commit | df8aa69a99e38ae59a4e599b9dff11eccf3490f4 (patch) | |
| tree | da172498f86c362dc024971fb95f79f5fff649b4 /style.css | |
| parent | cf2772fab0af5573da775e7437e6acdca424f26e (diff) | |
| download | stable-diffusion-webui-gfx803-df8aa69a99e38ae59a4e599b9dff11eccf3490f4.tar.gz stable-diffusion-webui-gfx803-df8aa69a99e38ae59a4e599b9dff11eccf3490f4.tar.bz2 stable-diffusion-webui-gfx803-df8aa69a99e38ae59a4e599b9dff11eccf3490f4.zip | |
Add tree-view display for extra networks.
Diffstat (limited to 'style.css')
| -rw-r--r-- | style.css | 92 |
1 files changed, 92 insertions, 0 deletions
@@ -1157,3 +1157,95 @@ body.resizing .resize-handle { left: 7.5px;
border-left: 1px dashed var(--border-color-primary);
}
+
+.extra-network-cards .card .copy-path-button:before {
+ content: "⎘";
+}
+
+.extra-network-cards .card-minimal .button-column {
+ display: inline-flex;
+ visibility: hidden;
+ color: white;
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ align-items: center;
+}
+
+.extra-network-cards .card-minimal:hover .button-column {
+ visibility: visible;
+}
+
+.extra-network-cards .card-minimal .copy-path-button:before {
+ content: "⎘";
+}
+
+.extra-network-cards .card-minimal .metadata-button:before{
+ content: "🛈";
+}
+
+.extra-network-cards .card-minimal .edit-button:before{
+ content: "🛠";
+}
+
+.extra-network-cards .card-minimal .card-button {
+ color: white;
+ text-shadow: 2px 2px 3px black;
+ font-size: 1rem;
+ width: 1.5rem;
+}
+
+.extra-network-cards .card-minimal .card-button:hover {
+ color: red;
+}
+
+.extra-network-cards .card-minimal {
+ display: inline-flex;
+ position: relative;
+ overflow: hidden;
+ cursor: pointer;
+ font-size: 1rem;
+ font-weight: bold;
+ line-break: anywhere;
+}
+
+.file-item {
+ list-style-type: '📄';
+}
+
+/* prevents clicking/collapsing of details tags when disabled attribute is used*/
+details[disabled] summary {
+ pointer-events: none;
+ user-select: none;
+}
+
+details.folder-item > summary {
+ list-style-type: '📁';
+}
+
+details.folder-item[open] > summary {
+ list-style-type: '📂';
+}
+
+.file-item,
+.folder-item,
+.folder-item-summary {
+ display: block;
+ font-size: 1rem;
+ padding: 0.05rem;
+ cursor: pointer;
+ user-select: none;
+}
+
+.folder-item-summary:hover,
+.file-item:hover {
+ -webkit-transition: all 0.1s ease-in-out;
+ transition: all 0.1s ease-in-out;
+ background-color: var(--neutral-200);
+}
+
+.dark .folder-item-summary:hover,
+.dark .file-item:hover {
+ -webkit-transition: all 0.05s ease-in-out;
+ transition: all 0.05s ease-in-out;
+ background-color: var(--neutral-800);
+}
|