git.fiddlerwoaroof.com
Browse code

changing css classes to avoid namespace collisions

fiddlerwoaroof authored on 01/07/2015 02:16:14
Showing 2 changed files
... ...
@@ -13,7 +13,7 @@
13 13
   display: block;
14 14
 }
15 15
 
16
-.modal-wrapper > div.modal {
16
+.myjQModal-wrapper > div.myjQModal {
17 17
   border: thin solid black;
18 18
   box-shadow: 0em 0em 0.1em #ccc;
19 19
   width: auto;
... ...
@@ -28,7 +28,7 @@
28 28
   background: white;
29 29
 }
30 30
 
31
-div.modal > div {
31
+div.myjQModal > div {
32 32
   position: relative;
33 33
   width: 100%;
34 34
   height: 100%;
... ...
@@ -9,10 +9,10 @@
9 9
       var action = this.dataset.action;
10 10
       if (action === 'open') {
11 11
         var modal = $('<div></div>');
12
-        var wrapper = $('<div class="modal-wrapper"></div>').append(modal);
12
+        var wrapper = $('<div class="myjQModal-wrapper"></div>').append(modal);
13 13
         console.log(target);
14 14
         modal.append(target);
15
-        modal.wrap('<div class="modal">');
15
+        modal.wrap('<div class="myjQModal">');
16 16
         $('body').append(wrapper);
17 17
         wrapper.click(function() {
18 18
           wrapper.removeClass('open');