RCUE dialog implementation

https://fedorahosted.org/freeipa/ticket/3904

2 files changed, 97 insertions, 0 deletions

diff --git a/install/ui/less/dialog.less b/install/ui/less/dialog.less
new file mode 100644
index 000000000..00bbde5a8
--- /dev/null
+++ b/install/ui/less/dialog.less
@@ -0,0 +1,96 @@
+/**
+ *  Authors:
+ *    UXD team
+ *    Petr Vobornik <pvoborni@redhat.com>
+ *
+ * Copyright (C) 2013 Red Hat
+ * see file 'COPYING' for use and warranty information
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+.rcue-dialog-background {
+    z-index: 1049;
+    background-color: rgba(0,0,0, 0.39);
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    overflow: auto;
+
+    .rcue-dialog-container {
+        padding: 30px;
+    }
+
+    .rcue-dialog {
+        position: relative;
+        padding: 16px 22px;
+        max-width: 600px;
+        border: 1px solid #6e6d6d;
+        box-shadow: rgba(0,0,0, 0.39) 0 0 2px;
+        background-color: #fff;
+        margin: auto;
+
+        header {
+            margin-bottom: 48px;
+
+            h1 {
+                float: left;
+                margin: 0;
+            }
+
+            a {
+                float: right;
+            }
+
+            .rcue-button-close {
+                background-image: url("../img/dialog-button-close.png");
+                width: 25px;
+                height: 25px;
+                background-repeat: no-repeat;
+                background-position: center;
+                display: inline-block;
+                margin-top: -4px;
+                margin-right: -6px;
+                position: absolute;
+                top: 15px;
+                right: 19px;
+            }
+        }
+
+        .rcue-dialog-body {
+            position: relative;
+            top: 0;
+            bottom: 60px;
+            clear: both;
+            padding: 0 15px 10px;
+        }
+
+        footer {
+            clear: both;
+            padding-left: 22px;
+            min-height: 25px;
+
+            button {
+                float: right;
+                margin: 0px 5px 5px;
+            }
+
+            .clear {
+                clear: both;
+            }
+        }
+    }
+}
diff --git a/install/ui/less/rcue.less b/install/ui/less/rcue.less
index fc8f51484..6b27259d6 100644
--- a/install/ui/less/rcue.less
+++ b/install/ui/less/rcue.less
@@ -4,5 +4,6 @@
 @import "rcue/navbar";
 @import "rcue/buttons";
 @import "rcue/forms";
+@import "dialog";
 @import "brand";
 @import "forms-override.less";