Follow up - 2ffca390a967a962d03794c6ffac2e5e2946f2ff - Fixes #1961 - S/MIME integration: Encryption and Sign buttons can be clicked even if disabled.

app/assets/javascripts/app/lib/mixins/security_options.coffee

@@ -48,7 +48,7 @@ App.SecurityOptions =
               if smimeConfig.group_id[type][ticket.group_id.toString()] == false
                 selected[selector] = false
 
-          @$('.js-securityEncrypt').attr('title', data.encryption.comment)
+          @$('.js-securityEncryptComment').attr('title', data.encryption.comment)
 
           # if encryption is possible
           if data.encryption.success is true
@@ -65,7 +65,7 @@ App.SecurityOptions =
             @$('.js-securityEncrypt').attr('disabled', true)
             @$('.js-securityEncrypt').removeClass('btn--active')
 
-          @$('.js-securitySign').attr('title', data.sign.comment)
+          @$('.js-securitySignComment').attr('title', data.sign.comment)
 
           # if sign is possible
           if data.sign.success is true

app/assets/javascripts/app/views/agent_ticket_create.jst.eco

@@ -33,8 +33,12 @@
                 <label for=""><%- @T('Security') %></label>
               </div>
               <div class="horizontal">
-                <div class="btn btn--action js-securityEncrypt js-active-toggle" disabled><%- @Icon('lock-open', 'btn-inactive-icon') %><%- @Icon('lock', 'btn-active-icon') %><%- @T('Encrypt') %></div>
-                <div class="btn btn--action js-securitySign js-active-toggle" disabled><%- @Icon('not-signed', 'btn-inactive-icon') %><%- @Icon('signed', 'btn-active-icon') %><%- @T('Sign') %></div>
+                <span class="js-securityEncryptComment">
+                  <div class="btn btn--action js-securityEncrypt js-active-toggle" disabled><%- @Icon('lock-open', 'btn-inactive-icon') %><%- @Icon('lock', 'btn-active-icon') %><%- @T('Encrypt') %></div>
+                </span>
+                <span class="js-securitySignComment" style="margin-left: 10px;">
+                  <div class="btn btn--action js-securitySign js-active-toggle" disabled><%- @Icon('not-signed', 'btn-inactive-icon') %><%- @Icon('signed', 'btn-active-icon') %><%- @T('Sign') %></div>
+                </span>
               </div>
             </div>
             <div class="article-form-top"></div>
@@ -175,4 +179,4 @@
     <div class="text_module"></div>
   </div>
 </div>
--->
+-->

app/assets/javascripts/app/views/ticket_zoom/article_new.jst.eco

@@ -61,8 +61,12 @@
           <label for=""><%- @T('Security') %></label>
         </div>
         <div class="horizontal">
-          <div class="btn btn--action js-securityEncrypt js-active-toggle" disabled><%- @Icon('lock-open', 'btn-inactive-icon') %><%- @Icon('lock', 'btn-active-icon') %><%- @T('Encrypt') %></div>
-          <div class="btn btn--action js-securitySign js-active-toggle" disabled><%- @Icon('not-signed', 'btn-inactive-icon') %><%- @Icon('signed', 'btn-active-icon') %><%- @T('Sign') %></div>
+          <span class="js-securityEncryptComment">
+            <div class="btn btn--action js-securityEncrypt js-active-toggle" disabled><%- @Icon('lock-open', 'btn-inactive-icon') %><%- @Icon('lock', 'btn-active-icon') %><%- @T('Encrypt') %></div>
+          </span>
+          <span class="js-securitySignComment" style="margin-left: 10px;">
+            <div class="btn btn--action js-securitySign js-active-toggle" disabled><%- @Icon('not-signed', 'btn-inactive-icon') %><%- @Icon('signed', 'btn-active-icon') %><%- @T('Sign') %></div>
+          </span>
         </div>
       </div>
 

app/assets/stylesheets/zammad.scss

@@ -155,6 +155,7 @@ a {
 
   &.is-disabled,
   &[disabled] {
+    pointer-events: none;
     cursor: not-allowed !important;
     opacity: .33;
   }
@@ -442,6 +443,7 @@ pre code.hljs {
   &.is-disabled,
   &[disabled],
   &:disabled {
+    pointer-events: none;
     cursor: not-allowed;
     opacity: .33;
   }