From dc2deb9a1b1995bbabee91bfd579d9b466fe78f2 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Thu, 26 Jan 2012 21:48:46 -0800 Subject: moving structure around + more work on builder... --- less/modals.less | 65 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 65 insertions(+) create mode 100644 less/modals.less (limited to 'less/modals.less') diff --git a/less/modals.less b/less/modals.less new file mode 100644 index 000000000..0368e01e1 --- /dev/null +++ b/less/modals.less @@ -0,0 +1,65 @@ +// MODALS +// ------ + +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: @zindexModalBackdrop; + background-color: @black; + // Fade for backdrop + &.fade { opacity: 0; } +} + +.modal-backdrop, +.modal-backdrop.fade.in { + .opacity(80); +} + +.modal { + position: fixed; + top: 50%; + left: 50%; + z-index: @zindexModal; + max-height: 500px; + overflow: auto; + width: 560px; + margin: -250px 0 0 -280px; + background-color: @white; + border: 1px solid #999; + border: 1px solid rgba(0,0,0,.3); + *border: 1px solid #999; /* IE6-7 */ + .border-radius(6px); + .box-shadow(0 3px 7px rgba(0,0,0,0.3)); + .background-clip(padding-box); + &.fade { + .transition(e('opacity .3s linear, top .3s ease-out')); + top: -25%; + } + &.fade.in { top: 50%; } +} +.modal-header { + padding: 5px 15px; + border-bottom: 1px solid #eee; + // Close icon + .close { margin-top: 2px; } +} +.modal-body { + padding: 15px; +} +.modal-footer { + padding: 14px 15px 15px; + margin-bottom: 0; + background-color: #f5f5f5; + border-top: 1px solid #ddd; + .border-radius(0 0 6px 6px); + .box-shadow(inset 0 1px 0 @white); + .clearfix(); + .btn { + float: right; + margin-left: 5px; + margin-bottom: 0; // account for input[type=submit] which gets the bottom margin like all other inputs + } +} -- cgit v1.2.3 From 9800196bf7067b560e062dabfcb51f9b9c7e8dd5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 27 Jan 2012 20:05:03 -0800 Subject: use quotes on attr selectors more consistently --- less/modals.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'less/modals.less') diff --git a/less/modals.less b/less/modals.less index 0368e01e1..7f07d11e4 100644 --- a/less/modals.less +++ b/less/modals.less @@ -60,6 +60,6 @@ .btn { float: right; margin-left: 5px; - margin-bottom: 0; // account for input[type=submit] which gets the bottom margin like all other inputs + margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs } } -- cgit v1.2.3 From f1dc214977ed2613565a0c4a9846864c84fb2602 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 28 Jan 2012 11:24:34 -0800 Subject: increase padding on modal-header after decreasing h3 line-height --- less/modals.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'less/modals.less') diff --git a/less/modals.less b/less/modals.less index 7f07d11e4..386aabb49 100644 --- a/less/modals.less +++ b/less/modals.less @@ -41,7 +41,7 @@ &.fade.in { top: 50%; } } .modal-header { - padding: 5px 15px; + padding: 9px 15px; border-bottom: 1px solid #eee; // Close icon .close { margin-top: 2px; } -- cgit v1.2.3 From 12d3c2fe74bbe2570e47a2c8d7154a3011bd0770 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sat, 28 Jan 2012 12:08:41 -0800 Subject: fix z-index issue with modals for popovers,tooltips,and dropdowns --- less/modals.less | 7 +++++++ 1 file changed, 7 insertions(+) (limited to 'less/modals.less') diff --git a/less/modals.less b/less/modals.less index 7f07d11e4..3e74f4227 100644 --- a/less/modals.less +++ b/less/modals.less @@ -1,6 +1,13 @@ // MODALS // ------ +.modal-open { + .dropdown-menu { z-index: @zindexDropdown + @zindexModal } + .dropdown.open { *z-index: @zindexDropdown + @zindexModal } + .popover { z-index: @zindexPopover + @zindexModal } + .tooltip { z-index: @zindexTooltip + @zindexModal } +} + .modal-backdrop { position: fixed; top: 0; -- cgit v1.2.3 From f768242759903151c9957a493c5349f931d882ef Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sat, 28 Jan 2012 12:14:41 -0800 Subject: add trailing ; --- less/modals.less | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'less/modals.less') diff --git a/less/modals.less b/less/modals.less index 36be57bf0..aa14675ed 100644 --- a/less/modals.less +++ b/less/modals.less @@ -2,10 +2,10 @@ // ------ .modal-open { - .dropdown-menu { z-index: @zindexDropdown + @zindexModal } - .dropdown.open { *z-index: @zindexDropdown + @zindexModal } - .popover { z-index: @zindexPopover + @zindexModal } - .tooltip { z-index: @zindexTooltip + @zindexModal } + .dropdown-menu { z-index: @zindexDropdown + @zindexModal; } + .dropdown.open { *z-index: @zindexDropdown + @zindexModal; } + .popover { z-index: @zindexPopover + @zindexModal; } + .tooltip { z-index: @zindexTooltip + @zindexModal; } } .modal-backdrop { -- cgit v1.2.3