Tweak styles, update js code to use class syntax

artefactual · Aug 31, 2023 · 4db4593 · 4db4593
1 parent cd949d9
commit 4db4593
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 21 deletions.
diff --git a/apps/qubit/modules/default/templates/_bs2DeprecationMessage.php b/apps/qubit/modules/default/templates/_bs2DeprecationMessage.php
@@ -1,4 +1,4 @@
-<?php $notificationMessage = __('Bootstrap 2 themes have been deprecated and will be removed in a future release. Please consider updating to a Bootstrap 5 theme. %1%More info%2%.', ['%1%' => '<a href="https://www.accesstomemory.org/download/" target="_blank">', '%2%' => '</a>']); ?>
+<?php $notificationMessage = __('Bootstrap 2 themes have been deprecated and will be removed in a future release. Please consider updating to a Bootstrap 5 theme. %1%More info.%2%', ['%1%' => '<a href="https://www.accesstomemory.org/download/" target="_blank">', '%2%' => '</a>']); ?>
 
 <?php echo javascript_include_tag('bs2DeprecationMessage'); ?>
 

diff --git a/js/bs2DeprecationMessage.js b/js/bs2DeprecationMessage.js
@@ -2,29 +2,23 @@
 
   "use strict";
 
-  var Bs2DeprecationMessage = function (element)
-  {
-    this.$element = $(element);
-    this.$Bs2DeprecationMessageBlock = this.$element.find('div[id="bs2-deprecation-message"]');
-    this.$Bs2DeprecationMessageButton = this.$element.find('button.bs2-deprecation-message-button');
-    this.listen();
-  };
-
-  Bs2DeprecationMessage.prototype = {
-
-    constructor: Bs2DeprecationMessage,
+  class Bs2DeprecationMessage {
+    constructor(element) {
+      this.$element = $(element);
+      this.$Bs2DeprecationMessageBlock = this.$element.find('div[id="bs2-deprecation-message"]');
+      this.$Bs2DeprecationMessageButton = this.$element.find('button.bs2-deprecation-message-button');
+      this.listen();
+    }
 
-    listen: function()
-    {
+    listen() {
       this.$Bs2DeprecationMessageButton.on('click', $.proxy(this.onBs2DeprecationMessageButton, this));
-    },
+    }
 
-    onBs2DeprecationMessageButton: function ()
-    {
+    onBs2DeprecationMessageButton() {
       this.$Bs2DeprecationMessageBlock.slideUp(100);
       $.get('/default/bs2DeprecationMessageDismiss');
     }
-  };
+  }
 
   $(function ()
   {

diff --git a/plugins/arDominionPlugin/css/less/scaffolding.less b/plugins/arDominionPlugin/css/less/scaffolding.less
@@ -1706,19 +1706,21 @@ body.login #content {
     }
 
     #bs2-deprecation-message-content {
-        padding: 6px 0;
+        padding: 8px 0;
         color: @white;
         position: relative;
         left: 50%;
         transform: translateX(-50%);
         margin-right: 65px;
+        font-size: 0.85rem;
 
         a:not(.btn) {
             text-shadow: none;
-            color: #F0A8AF;
+            text-decoration: underline;
+            color: lighten(@linkColorHover, 45%);
         }
         a:hover {
-            color: #F6CBCF;
+            color: lighten(@linkColor, 45%);
         }
     }
 }