From 7d57fccecde1b7a4a5bf2e833d6097c3f3ef9d89 Mon Sep 17 00:00:00 2001 From: Jean-Roch Maitre Date: Tue, 26 Jul 2016 16:11:40 -0700 Subject: [PATCH] UI-2318: updated css class --- style/app.css | 43 --------------- submodules/groups/groups.css | 46 ++++++++-------- submodules/users/users.css | 58 ++++++++++---------- views/groups-feature-call_recording.html | 2 +- views/groups-feature-forward.html | 2 +- views/groups-feature-next_action.html | 2 +- views/groups-feature-prepend.html | 2 +- views/groups-feature-ringback.html | 2 +- views/myOffice-callerIdPopup.html | 2 +- views/myOffice-musicOnHoldPopup.html | 2 +- views/strategy-customConferenceGreeting.html | 2 +- views/users-feature-call_forward.html | 2 +- views/users-feature-call_recording.html | 2 +- views/users-feature-caller_id.html | 2 +- views/users-feature-conferencing.html | 2 +- views/users-feature-faxing.html | 2 +- views/users-feature-find_me_follow_me.html | 2 +- views/users-feature-hotdesk.html | 2 +- views/users-feature-music_on_hold.html | 2 +- views/users-feature-vm_to_email.html | 2 +- 20 files changed, 69 insertions(+), 112 deletions(-) diff --git a/style/app.css b/style/app.css index ece83c9..e23ddff 100644 --- a/style/app.css +++ b/style/app.css @@ -14,47 +14,4 @@ #voip_container .left-menu > div { margin-top: 10px; -} - -/* Feature Popups */ -.feature-popup-container { - width: 510px; -} - -.feature-popup-container .actions, -.feature-popup-container .content { - padding: 15px 25px; - border-top: 1px solid #ccc; -} - -.feature-popup-container .actions .monster-link { - margin-right: 10px; -} - -.feature-popup-container .switch { - display: inline-block; - margin-left: 15px; -} - -.feature-popup-container .content.disabled { - display: none; -} - -.feature-popup-container form { - margin-bottom: 40px; -} - -.feature-popup-container form .main-line { - position: relative; - height: 70px; /* Adding extra space for validation messages */ - line-height: 60px; -} - -.feature-popup-container form .main-line label.monster-invalid { - top: 45px; -} - -.feature-popup-container input, -.feature-popup-container select { - margin-left: 10px; } \ No newline at end of file diff --git a/submodules/groups/groups.css b/submodules/groups/groups.css index 1e1e704..f7dcabf 100644 --- a/submodules/groups/groups.css +++ b/submodules/groups/groups.css @@ -441,7 +441,7 @@ } #groups_container .detail-features .features-grid .feature .fa-wrapper, -.feature-popup-container .feature-fa-wrapper{ +.monster-feature-popup-container .feature-fa-wrapper{ display: inline-block; margin: 20px; width: 60px; @@ -463,7 +463,7 @@ } #groups_container .detail-features .features-grid .feature .fa-wrapper.active, -.feature-popup-container .feature-fa-wrapper.active{ +.monster-feature-popup-container .feature-fa-wrapper.active{ background: #19d332; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, hsl(128,79%,46%) 0%, hsl(132,46%,46%) 61%, hsl(0,0%,0%) 99%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,hsl(128,79%,46%)), color-stop(61%,hsl(132,46%,46%)), color-stop(99%,hsl(0,0%,0%))); /* Chrome,Safari4+ */ @@ -480,99 +480,99 @@ } /* Call Recording Feature */ -.feature-popup-container[data-feature="call_recording"] form { +.monster-feature-popup-container[data-feature="call_recording"] form { margin-bottom: 0; } -.feature-popup-container[data-feature="call_recording"] form > div { +.monster-feature-popup-container[data-feature="call_recording"] form > div { position: relative; margin-bottom: 10px; } -.feature-popup-container[data-feature="call_recording"] form span { +.monster-feature-popup-container[data-feature="call_recording"] form span { display: inline-block; width: 120px; vertical-align: text-bottom; text-align: right; } -.feature-popup-container[data-feature="call_recording"] form label.monster-invalid { +.monster-feature-popup-container[data-feature="call_recording"] form label.monster-invalid { top: 30px; left: 130px; } /* Ringback Feature */ -.feature-popup-container[data-feature="ringback"] { +.monster-feature-popup-container[data-feature="ringback"] { width: 516px; } -.feature-popup-container[data-feature="ringback"] .media-dropdown { +.monster-feature-popup-container[data-feature="ringback"] .media-dropdown { margin-bottom: 0px; } -.feature-popup-container[data-feature="ringback"] .upload-toggle { +.monster-feature-popup-container[data-feature="ringback"] .upload-toggle { margin-left: 10px; width: 117px; } -.feature-popup-container[data-feature="ringback"] .upload-div { +.monster-feature-popup-container[data-feature="ringback"] .upload-div { display: none; margin-top: 20px; } -.feature-popup-container[data-feature="ringback"] .upload-div .upload-input { +.monster-feature-popup-container[data-feature="ringback"] .upload-div .upload-input { margin: 0; width: 330px; } -.feature-popup-container[data-feature="ringback"] .upload-div button.upload-action { +.monster-feature-popup-container[data-feature="ringback"] .upload-div button.upload-action { margin-left: 10px; padding-left: 19px; padding-right: 19px; } -.feature-popup-container[data-feature="ringback"] .upload-div button > i { +.monster-feature-popup-container[data-feature="ringback"] .upload-div button > i { margin-right: 0; padding-right: 0; } -.feature-popup-container[data-feature="ringback"] .upload-div .file-upload { +.monster-feature-popup-container[data-feature="ringback"] .upload-div .file-upload { margin: 0; } -.feature-popup-container[data-feature="ringback"] .upload-div .file-upload > input { +.monster-feature-popup-container[data-feature="ringback"] .upload-div .file-upload > input { margin: 0; width: 205px; padding: 6px; } /* Next Action Feature */ -.feature-popup-container[data-feature="next_action"] { +.monster-feature-popup-container[data-feature="next_action"] { width: 540px; } -.feature-popup-container[data-feature="next_action"] .next-action > * { +.monster-feature-popup-container[data-feature="next_action"] .next-action > * { vertical-align: middle; margin: 0; } -.feature-popup-container[data-feature="next_action"] .next-action > *:not(:first-child) { +.monster-feature-popup-container[data-feature="next_action"] .next-action > *:not(:first-child) { margin-left: 10px; } /* Allow Call Forward Feature */ -.feature-popup-container[data-feature="forward"] .help-box { +.monster-feature-popup-container[data-feature="forward"] .help-box { margin: 5px 20px 20px } /* CID Prepend Feature */ -.feature-popup-container[data-feature="prepend"] form { +.monster-feature-popup-container[data-feature="prepend"] form { margin-bottom: 0; } -.feature-popup-container[data-feature="prepend"] form > div { +.monster-feature-popup-container[data-feature="prepend"] form > div { position: relative; margin-bottom: 10px; } -.feature-popup-container[data-feature="prepend"] form span { +.monster-feature-popup-container[data-feature="prepend"] form span { display: inline-block; width: 160px; vertical-align: middle; text-align: right; } -.feature-popup-container[data-feature="prepend"] form input { +.monster-feature-popup-container[data-feature="prepend"] form input { margin-bottom: 0; width: 100px; } \ No newline at end of file diff --git a/submodules/users/users.css b/submodules/users/users.css index a2c3b5f..cfdb99e 100644 --- a/submodules/users/users.css +++ b/submodules/users/users.css @@ -527,7 +527,7 @@ } #users_container .detail-features .features-grid .feature .fa-wrapper, -.feature-popup-container .feature-fa-wrapper{ +.monster-feature-popup-container .feature-fa-wrapper{ display: inline-block; margin: 20px; width: 60px; @@ -549,7 +549,7 @@ } #users_container .detail-features .features-grid .feature .fa-wrapper.active, -.feature-popup-container .feature-fa-wrapper.active{ +.monster-feature-popup-container .feature-fa-wrapper.active{ background: #19d332; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, hsl(128,79%,46%) 0%, hsl(132,46%,46%) 61%, hsl(0,0%,0%) 99%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,hsl(128,79%,46%)), color-stop(61%,hsl(132,46%,46%)), color-stop(99%,hsl(0,0%,0%))); /* Chrome,Safari4+ */ @@ -661,36 +661,36 @@ } /* Caller-ID User Feature Popup */ -.feature-popup-container[data-feature="caller_id"] { +.monster-feature-popup-container[data-feature="caller_id"] { width: 525px; } -.feature-popup-container .caller-id-select { +.monster-feature-popup-container .caller-id-select { margin-top: 5px; } /* Hot Desking User Feature Popup */ -.feature-popup-container[data-feature="hotdesk"] #pin { +.monster-feature-popup-container[data-feature="hotdesk"] #pin { margin-top: 10px; } /* VM To Email User Feature Popup */ -.feature-popup-container[data-feature="vm_to_email"] #email { +.monster-feature-popup-container[data-feature="vm_to_email"] #email { margin-top: 8px; } -.feature-popup-container[data-feature="vm_to_email"] .main-line { +.monster-feature-popup-container[data-feature="vm_to_email"] .main-line { height: auto; line-height: 20px; margin: 10px 0 30px 0; } /* Conferencing */ -.feature-popup-container[data-feature="conferencing"] form { +.monster-feature-popup-container[data-feature="conferencing"] form { margin-bottom: 0; } -.feature-popup-container[data-feature="conferencing"] form .list-numbers { +.monster-feature-popup-container[data-feature="conferencing"] form .list-numbers { display: inline-block; font-weight: 600; height: 65px; @@ -701,86 +701,86 @@ width: 180px; } -.feature-popup-container[data-feature="conferencing"] form .list-numbers[data-count="1"] { +.monster-feature-popup-container[data-feature="conferencing"] form .list-numbers[data-count="1"] { line-height: 61px; } -.feature-popup-container[data-feature="conferencing"] form .list-numbers[data-count="2"] { +.monster-feature-popup-container[data-feature="conferencing"] form .list-numbers[data-count="2"] { line-height: 32px; } -.feature-popup-container[data-feature="conferencing"] form .list-numbers[data-count="3"] { +.monster-feature-popup-container[data-feature="conferencing"] form .list-numbers[data-count="3"] { line-height: 20px; } /* Music-On-Hold Feature */ -.feature-popup-container[data-feature="music_on_hold"] .media-dropdown { +.monster-feature-popup-container[data-feature="music_on_hold"] .media-dropdown { margin-bottom: 0px; } -.feature-popup-container[data-feature="music_on_hold"] .upload-toggle { +.monster-feature-popup-container[data-feature="music_on_hold"] .upload-toggle { margin-left: 10px; min-width: 117px; } -.feature-popup-container[data-feature="music_on_hold"] .upload-div { +.monster-feature-popup-container[data-feature="music_on_hold"] .upload-div { display: none; margin-top: 20px; } -.feature-popup-container[data-feature="music_on_hold"] .upload-div .upload-input { +.monster-feature-popup-container[data-feature="music_on_hold"] .upload-div .upload-input { margin: 0; width: 330px; } -.feature-popup-container[data-feature="music_on_hold"] .upload-div button.upload-action { +.monster-feature-popup-container[data-feature="music_on_hold"] .upload-div button.upload-action { margin-left: 10px; padding-left: 19px; padding-right: 19px; } -.feature-popup-container[data-feature="music_on_hold"] .upload-div button > i { +.monster-feature-popup-container[data-feature="music_on_hold"] .upload-div button > i { margin-right: 0; padding-right: 0; } -.feature-popup-container[data-feature="music_on_hold"] .upload-div .file-upload { +.monster-feature-popup-container[data-feature="music_on_hold"] .upload-div .file-upload { margin: 0; } -.feature-popup-container[data-feature="music_on_hold"] .upload-div .file-upload > input { +.monster-feature-popup-container[data-feature="music_on_hold"] .upload-div .file-upload > input { margin: 0; padding: 6px; width: 192px; } /* Faxing Feature Popup */ -.feature-popup-container[data-feature='faxing'] { +.monster-feature-popup-container[data-feature='faxing'] { overflow: hidden; } -.feature-popup-container[data-feature='faxing'] #faxbox_form { +.monster-feature-popup-container[data-feature='faxing'] #faxbox_form { margin-bottom: 0; } -.feature-popup-container[data-feature='faxing'] #faxbox_form a { +.monster-feature-popup-container[data-feature='faxing'] #faxbox_form a { color: #22a5ff; text-decoration: underline; } -.feature-popup-container[data-feature='faxing'] #faxbox_form a:hover { +.monster-feature-popup-container[data-feature='faxing'] #faxbox_form a:hover { text-decoration: none; } -.feature-popup-container[data-feature='faxing'] #faxbox_form p { +.monster-feature-popup-container[data-feature='faxing'] #faxbox_form p { line-height: 30px; } -.feature-popup-container[data-feature='faxing'] #faxbox_form .monster-primary-color { +.monster-feature-popup-container[data-feature='faxing'] #faxbox_form .monster-primary-color { color: #22a5ff; } -.feature-popup-container[data-feature='faxing'] #faxbox_form .number-selector { +.monster-feature-popup-container[data-feature='faxing'] #faxbox_form .number-selector { display: inline-block; margin: 0 10px; } -.feature-popup-container[data-feature='faxing'] #faxbox_form #helper_content { +.monster-feature-popup-container[data-feature='faxing'] #faxbox_form #helper_content { margin-top: 10px; } @@ -808,7 +808,7 @@ } /* Find me Follow me feature popup */ -.feature-popup-container[data-feature="find_me_follow_me"] { +.monster-feature-popup-container[data-feature="find_me_follow_me"] { width: 620px; } diff --git a/views/groups-feature-call_recording.html b/views/groups-feature-call_recording.html index 91311ff..5016e93 100644 --- a/views/groups-feature-call_recording.html +++ b/views/groups-feature-call_recording.html @@ -1,4 +1,4 @@ -
+
diff --git a/views/groups-feature-forward.html b/views/groups-feature-forward.html index b1b218b..fca0212 100644 --- a/views/groups-feature-forward.html +++ b/views/groups-feature-forward.html @@ -1,4 +1,4 @@ -
+
diff --git a/views/groups-feature-next_action.html b/views/groups-feature-next_action.html index f54db24..4b26037 100644 --- a/views/groups-feature-next_action.html +++ b/views/groups-feature-next_action.html @@ -1,4 +1,4 @@ -
+
diff --git a/views/groups-feature-prepend.html b/views/groups-feature-prepend.html index b183bc9..8930745 100644 --- a/views/groups-feature-prepend.html +++ b/views/groups-feature-prepend.html @@ -1,4 +1,4 @@ -
+
diff --git a/views/groups-feature-ringback.html b/views/groups-feature-ringback.html index 48781ff..2e3bc4a 100644 --- a/views/groups-feature-ringback.html +++ b/views/groups-feature-ringback.html @@ -1,4 +1,4 @@ -
+
diff --git a/views/myOffice-callerIdPopup.html b/views/myOffice-callerIdPopup.html index c05d647..16caeea 100644 --- a/views/myOffice-callerIdPopup.html +++ b/views/myOffice-callerIdPopup.html @@ -1,4 +1,4 @@ -
+