diff options
author | Endi S. Dewata <edewata@redhat.com> | 2011-08-02 16:48:08 -0500 |
---|---|---|
committer | Adam Young <ayoung@redhat.com> | 2011-08-02 22:56:58 -0400 |
commit | 9150187ab95f272de4e3c8bc1a1fe2acf08328f8 (patch) | |
tree | 9143c67482ae77665be7b72b52acc3362ae8371c /install/ui/ipa.css | |
parent | 6412e59eedf5884456110a6597e35148925e4f46 (diff) | |
download | freeipa-9150187ab95f272de4e3c8bc1a1fe2acf08328f8.tar.gz freeipa-9150187ab95f272de4e3c8bc1a1fe2acf08328f8.tar.xz freeipa-9150187ab95f272de4e3c8bc1a1fe2acf08328f8.zip |
Resizable adder dialog box.
The tables in the adder dialog have been modified to expand
according to the size of the dialog.
This patch also fixes the problem with row height on IE.
Ticket #1542
Diffstat (limited to 'install/ui/ipa.css')
-rw-r--r-- | install/ui/ipa.css | 94 |
1 files changed, 78 insertions, 16 deletions
diff --git a/install/ui/ipa.css b/install/ui/ipa.css index 3239d1ef8..d2470bca4 100644 --- a/install/ui/ipa.css +++ b/install/ui/ipa.css @@ -1125,14 +1125,69 @@ table.scrollable tbody { overflow: auto; } -.adder-dialog-filter { - height: 2.5em; - padding-top: 0.7em; +.adder-dialog { + position: relative; + width: 100%; + height: 100%; } -.adder-dialog-results { - position: relative; - height: 20.0em; +.adder-dialog-top { + position: absolute; + top: 0; + left: 0; + right: 0; + height: 3em; + line-height: 3em; +} + +.adder-dialog-top input[name=filter] { + width: 244px; +} + +.adder-dialog-left { + position: absolute; + top: 3.5em; + left: 0; + right: 50%; + bottom: 0; +} + +.adder-dialog-right { + position: absolute; + top: 3.5em; + left: 50%; + right: 0; + bottom: 0; +} + +.adder-dialog .search-table { + width: 100%; + height: 100%; +} + +.adder-dialog tbody { + position: absolute; + bottom: 32px; + left: 3px; + right: 4px; + top: 31px; +} + +.adder-dialog-header { + position: absolute; + top: 0; + left: 0; + right: 0; + height: 1.5em; + line-height: 1.5em; +} + +.adder-dialog-content { + position: absolute; + top: 1.5em; + left: 0; + right: 0; + bottom: 0; } .adder-dialog-available { @@ -1142,8 +1197,11 @@ table.scrollable tbody { top: 0; left: 0; bottom: 0; - width: 23em; - padding-top: 1em; + right: 3em; +} + +.adder-dialog-with-external .adder-dialog-available { + bottom: 4em; } .adder-dialog-selected { @@ -1153,16 +1211,12 @@ table.scrollable tbody { top: 0; right: 0; bottom: 0; - width: 23em; - padding-top: 1em; + left: 3em; } .adder-dialog-buttons { - position: absolute; - top: 7.5em; - left: 23em; - right: 23em; - bottom: 0; + padding-top: 10em; + width: 100%; text-align: center; } @@ -1183,10 +1237,18 @@ table.scrollable tbody { position: absolute; left: 0; bottom: 0; - width: 23em; + right: 3em; height: 4em; } +.adder-dialog-external .adder-dialog-content { + top: 1.9em; +} + +.adder-dialog-external input { + width: 98%; +} + /* ---- Widgets ---- */ .text-widget input { |