moving the chat-options properly

adding whitelist-option for raids
fixes #285

Author: Idrinth

src/mods/chat.js

@@ -854,7 +854,7 @@ idrinth.chat = {
         event.preventDefault ();
         idrinth.ui.base.appendChild ( idrinth.ui.buildElement ( {
             type: 'ul',
-            css: 'idrinth-hovering-box',
+            css: 'idrinth-hovering-box hover-over',
             children: [ {
                     css: 'clipboard-copy',
                     content: idrinth.text.get ( "chat.actions.copyIdPasswort" ),

src/mods/raids.js

@@ -395,7 +395,10 @@ idrinth.raids = {
                     if ( !raid.joined ) {
                         added++;
                         options[0] ( key );//post link
-                        if ( !idrinth.settings.get ( "bannedRaids#" + raid.raid ) ) {
+                        if (
+                            (!idrinth.settings.get ( "bannedRaids#" + raid.raid ) && !idrinth.settings.get("raidWhitelist")) ||
+                            (idrinth.settings.get ( "bannedRaids#" + raid.raid ) && idrinth.settings.get("raidWhitelist"))
+                        ) {
                             for (var count = 1; count < options.length; count++) {
                                 options[count] ( key );
                             }

src/mods/settings.js

@@ -9,6 +9,11 @@ idrinth.settings = {
          * @type Boolean
          */
         raids: false,
+        /**
+         *
+         * @type Boolean
+         */
+        raidWhitelist: false,
         /**
          *
          * @type String

src/mods/ui.js

@@ -687,6 +687,11 @@ idrinth.ui = {
                                 rType: '#input',
                                 type: 'checkbox',
                                 label: "setting.enableFavRequest"
+                            },{
+                                name: 'raidWhitelist',
+                                rType: '#input',
+                                type: 'checkbox',
+                                label: "setting.raidWhitelist"
                             }, {
                                 name: 'favs',
                                 rType: '#input',

src/root.scss

@@ -20,6 +20,9 @@
         display: block;
         box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.65);
     }
+    .idrinth-hovering-box.hover-over {
+        @include z-offset(100);
+    }
 
     .idrinth-hovering-box,
     .idrinth-hovering-box * {