v0.34.6

src/admin/web/style.css

@@ -5819,18 +5819,101 @@ dialog .window-heading {
     display: flex;
     align-items: center;
     justify-content: flex-end;
-    gap: 10px;
+    flex-wrap: wrap;
+    gap: 8px 10px;
     min-width: 0;
 }
 
 .docker-service-head-actions .docker-runtime {
-    flex: 1 1 auto;
+    flex: 1 1 230px;
 }
 
 .docker-service-head-actions .docker-view-toggle {
     flex: 0 0 auto;
 }
 
+.docker-publish-field {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    min-height: 30px;
+    padding: 0;
+    color: var(--text);
+    font-size: 12px;
+    font-weight: 500;
+    white-space: nowrap;
+    cursor: pointer;
+}
+
+.docker-publish-field input[type=checkbox].docker-publish {
+    appearance: none;
+    -webkit-appearance: none;
+    position: relative;
+    flex: 0 0 30px;
+    width: 30px;
+    height: 16px;
+    margin: 0;
+    padding: 0;
+    border: 1px solid var(--field-line);
+    border-radius: min(3px, var(--rp-radius-control, 3px));
+    background: var(--field-bg);
+    cursor: pointer;
+    vertical-align: middle;
+}
+
+.docker-publish-field .docker-publish::before {
+    content: "";
+    position: absolute;
+    inset: 2px auto 2px 2px;
+    width: 10px;
+    background: var(--muted);
+    border-radius: min(1px, var(--rp-radius-control, 1px));
+    transition: transform .12s ease;
+}
+
+.docker-publish-field .docker-publish:checked {
+    background: var(--field-bg);
+    border-color: var(--accent);
+}
+
+.docker-publish-field .docker-publish:checked::before {
+    transform: translateX(14px);
+    background: var(--accent);
+}
+
+.docker-publish-field .docker-publish:focus-visible {
+    outline: 2px solid var(--accent);
+    outline-offset: 3px;
+}
+
+.docker-publish-field:has(.docker-publish:disabled) {
+    opacity: .55;
+    cursor: wait;
+}
+
+.docker-publish-field .docker-publish:disabled {
+    cursor: wait;
+}
+
+.docker-service-quick-actions {
+    display: inline-flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 8px;
+}
+
+.docker-open-logs {
+    white-space: nowrap;
+}
+
+@media (prefers-reduced-motion: reduce) {
+
+    .docker-publish-field .docker-publish,
+    .docker-publish-field .docker-publish::before {
+        transition: none;
+    }
+}
+
 .docker-service-editor {
     border-top: 1px solid var(--line);
     padding-top: 8px;