From e073912ae07708632a992ed7f3729aa3eeb4d6d6 Mon Sep 17 00:00:00 2001 From: Joris Tirado Date: Tue, 10 Nov 2015 14:37:32 -0800 Subject: [PATCH] OOB: Add a specific CSS class to target device edition popup --- submodules/devices/devices.css | 72 +++++++++++++++++----------------- submodules/devices/devices.js | 2 +- 2 files changed, 37 insertions(+), 37 deletions(-) diff --git a/submodules/devices/devices.css b/submodules/devices/devices.css index 5703af9..fce1e71 100644 --- a/submodules/devices/devices.css +++ b/submodules/devices/devices.css @@ -223,28 +223,28 @@ overflow: visible; } -.edit-device { +.voip-edit-device-popup .edit-device { width: 700px; } -.edit-device .actions { +.voip-edit-device-popup .edit-device .actions { border-top: 1px solid #CCCCCC; height: 30px; line-height: 30px; padding: 15px; } -.edit-device .actions button { +.voip-edit-device-popup .edit-device .actions button { margin-left: 10px; } -.edit-device .title-bar { +.voip-edit-device-popup .edit-device .title-bar { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 15px 0; } -.edit-device .title-bar .device-title > div { +.voip-edit-device-popup .edit-device .title-bar .device-title > div { display: inline-block; float: left; font-size: 18px; @@ -253,27 +253,27 @@ margin-left: 40px; } -.edit-device .title-bar .device-title .device-icon { +.voip-edit-device-popup .edit-device .title-bar .device-title .device-icon { height: 75px; line-height: 75px; } -.edit-device .title-bar .device-title .device-icon > i { +.voip-edit-device-popup .edit-device .title-bar .device-title .device-icon > i { font-size: 48px; vertical-align: middle; } -.edit-device .title-bar .device-title .device-image { +.voip-edit-device-popup .edit-device .title-bar .device-title .device-image { border-radius: 2px; border: 1px solid #CCC; } -.edit-device .title-bar .nav-pills { +.voip-edit-device-popup .edit-device .title-bar .nav-pills { margin-top: 24px; margin-right: 15px; } -.edit-device .content .tabs-section .title { +.voip-edit-device-popup .edit-device .content .tabs-section .title { color: #22a5ff; font-size: 24px; margin-bottom: 30px; @@ -281,57 +281,57 @@ text-shadow: 1px 0 1px #CCCCCC; } -.edit-device .content .tabs-section .helper { +.voip-edit-device-popup .edit-device .content .tabs-section .helper { position: relative; margin: 0 40px 15px 40px; } -.edit-device .content .tabs-section .helper i { +.voip-edit-device-popup .edit-device .content .tabs-section .helper i { position: absolute; top: 0; left: -25px; } -.edit-device .content .tabs-section .number-address { +.voip-edit-device-popup .edit-device .content .tabs-section .number-address { display: none; } -.edit-device .help-box.red-box { - margin: 10px 25px +.voip-edit-device-popup .edit-device .help-box.red-box { + margin: 10px 25px; } -.edit-device .content #form_device .displayed-realm { +.voip-edit-device-popup .edit-device .content #form_device .displayed-realm { line-height: 30px; font-weight: bold; } -.edit-device .restrictions-container { +.voip-edit-device-popup .edit-device .restrictions-container { position: relative; } -.edit-device .restriction-matcher-div { +.voip-edit-device-popup .edit-device .restriction-matcher-div { margin-right: 40px; float: right; } -.edit-device .restriction-matcher-input { +.voip-edit-device-popup .edit-device .restriction-matcher-input { width: 120px; margin-right: 10px; margin-left: 5px; } -.edit-device .restriction-matcher-sign { +.voip-edit-device-popup .edit-device .restriction-matcher-sign { margin-left: 20px; width: 25px; vertical-align: middle; display: none; } -.edit-device .restriction-list { +.voip-edit-device-popup .edit-device .restriction-list { display: inline-block; } -.edit-device .restriction-message { +.voip-edit-device-popup .edit-device .restriction-message { width: 275px; margin: 0 0 0 30px !important; padding: 10px; @@ -339,71 +339,71 @@ display: none; } -.edit-device .disabled-restrictions-info { +.voip-edit-device-popup .edit-device .disabled-restrictions-info { width: 270px; position: absolute; bottom: 0px; right: 40px; } -.edit-device .restriction-list .restriction-line.disabled .control-label, -.edit-device .restriction-list .restriction-line.disabled .control-label > i { +.voip-edit-device-popup .edit-device .restriction-list .restriction-line.disabled .control-label, +.voip-edit-device-popup .edit-device .restriction-list .restriction-line.disabled .control-label > i { cursor: default; color: #aaa; } -.edit-device .feature-key-value { +.voip-edit-device-popup .edit-device .feature-key-value { display: none; margin-left: 20px; } -.edit-device .feature-key-value.active { +.voip-edit-device-popup .edit-device .feature-key-value.active { display: inline-block; } -.edit-device .feature-key-value label { +.voip-edit-device-popup .edit-device .feature-key-value label { display: inline-block; margin-right: 10px; } /* Codecs selector */ -.edit-device .content .codec-selector .box-selector { +.voip-edit-device-popup .edit-device .content .codec-selector .box-selector { float: left; width: 300px; } -.edit-device .content .codec-selector .box-selector:first-child { +.voip-edit-device-popup .edit-device .content .codec-selector .box-selector:first-child { margin-left: 30px; margin-right: 40px; } -.edit-device .content .codec-selector .box-selector ul { +.voip-edit-device-popup .edit-device .content .codec-selector .box-selector ul { height: 328px; overflow: auto; } -.edit-device .content #video_codec_selector .box-selector ul { +.voip-edit-device-popup .edit-device .content #video_codec_selector .box-selector ul { min-height: 123px; } /* RTP Special CSS */ -.edit-device .content .rtp-line > * { +.voip-edit-device-popup .edit-device .content .rtp-line > * { float: left; font-size: 14px; margin-right: 10px; } -.edit-device .form-horizontal .control-label.checkbox { +.voip-edit-device-popup .edit-device .form-horizontal .control-label.checkbox { width: inherit; margin-left: 35px; padding-top: 3px; } /* Restart Button */ -.edit-device #restart_device { +.voip-edit-device-popup .edit-device #restart_device { margin-left: 10px; } /* Special checkbox case */ -.edit-device .form-horizontal .control-label.checkbox-basic { +.voip-edit-device-popup .edit-device .form-horizontal .control-label.checkbox-basic { margin-left: 160px; } \ No newline at end of file diff --git a/submodules/devices/devices.js b/submodules/devices/devices.js index df31f5b..281877b 100644 --- a/submodules/devices/devices.js +++ b/submodules/devices/devices.js @@ -507,7 +507,7 @@ define(function(require){ var popup = monster.ui.dialog(templateDevice, { position: ['center', 20], title: popupTitle, - dialogClass: 'overflow-visible' + dialogClass: 'voip-edit-device-popup overflow-visible' }); },