From 4c2c0dbe9fa3922f5acff1d4446f5d9c4fa039da Mon Sep 17 00:00:00 2001
From: Johannes Meyer <johannes.meyer@icinga.com>
Date: Fri, 27 Jan 2023 11:51:42 +0100
Subject: [PATCH] css: Add compatibility rules for ipl's `FileElement`

---
 asset/css/compat.less | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/asset/css/compat.less b/asset/css/compat.less
index 6fd00f8f..a858a69d 100644
--- a/asset/css/compat.less
+++ b/asset/css/compat.less
@@ -1,3 +1,38 @@
+// General input styles
+
+.icinga-controls {
+  .uploaded-files {
+    background-color: @default-input-bg;
+  }
+}
+
+form.icinga-form {
+  .uploaded-files {
+    flex: 1 1 auto;
+    width: 0;
+  }
+}
+
+.icinga-controls {
+  .uploaded-files {
+    font-size: inherit;
+    padding: .5em;
+  }
+}
+
+// Button styles
+
+// The `form` selector is only required to overrule the hover effect applied by Icinga Web.
+// It's not required if done by Icinga Web itself, only here because this is applied earlier
+// as it's part of a library.
+form.icinga-controls {
+  button[type="submit"].remove-uploaded-file {
+    all: unset;
+  }
+}
+
+// Schedule Element styles
+
 .icinga-form > .schedule-element,
 .icinga-form > .schedule-element > fieldset {
   margin-top: 1em;