URL: https://github.com/freeipa/freeipa/pull/3926
Author: serg-cymbaluk
 Title: #3926: [Backport][ipa-4-7] WebUI: Fix notification area layout
Action: opened

PR body:
"""
This PR was opened automatically because PR #3904 was pushed to master and 
backport to ipa-4-7 is required.
"""

To pull the PR as Git branch:
git remote add ghfreeipa https://github.com/freeipa/freeipa
git fetch ghfreeipa pull/3926/head:pr3926
git checkout pr3926
From f05a7301f80fcb11196554126bbee54345fd0e4c Mon Sep 17 00:00:00 2001
From: Serhii Tsymbaliuk <[email protected]>
Date: Fri, 15 Nov 2019 10:56:24 +0100
Subject: [PATCH] WebUI: Fix notification area layout

The fix prevents blocking elements in the right side near notification area.
Notification area now has fixed width and it isn't offset.
Also notification icon is aligned to notification text.

Ticket: https://pagure.io/freeipa/issue/8120

Signed-off-by: Serhii Tsymbaliuk <[email protected]>
---
 install/ui/ipa.css          | 6 ++++--
 install/ui/less/alerts.less | 4 ++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/install/ui/ipa.css b/install/ui/ipa.css
index 2921f4360a..388bd333da 100644
--- a/install/ui/ipa.css
+++ b/install/ui/ipa.css
@@ -44,15 +44,17 @@ textarea[readonly] {
 .notification-area {
     position: fixed;
     left: 50%;
+    right: 50%;
     top: 15px;
 }
 
 .notification-area div {
     position: relative;
-    left: -50%;
+    margin-left: -200px;
+    margin-right: -200px;
     z-index: 20;
     word-wrap: break-word;
-    max-width: 500px;
+    max-width: 400px;
 }
 
 /* ---- Facet ---- */
diff --git a/install/ui/less/alerts.less b/install/ui/less/alerts.less
index a323f891a0..6e0a64a048 100644
--- a/install/ui/less/alerts.less
+++ b/install/ui/less/alerts.less
@@ -8,8 +8,8 @@
     > .fa, > .fa-layered {
         font-size: 20px;
         position: absolute;
-        left: 7px;
-        top: 7px;
+        left: 11px;
+        top: 11px;
     }
     .fa-info {
         color: #72767b;
_______________________________________________
FreeIPA-devel mailing list -- [email protected]
To unsubscribe send an email to [email protected]
Fedora Code of Conduct: 
https://docs.fedoraproject.org/en-US/project/code-of-conduct/
List Guidelines: https://fedoraproject.org/wiki/Mailing_list_guidelines
List Archives: 
https://lists.fedorahosted.org/archives/list/[email protected]

Reply via email to