Restyled message dialog button

brandonbowersox · Apr 8, 2015 · 96ab208 · 96ab208
1 parent e8268e1
commit 96ab208
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 17 deletions.
diff --git a/oaa-utils.css b/oaa-utils.css
@@ -33,23 +33,10 @@ div.oaa-message-dialog {
 
 div.oaa-message-dialog > button {
   float       : right;
-  display     : inline-block;
-  width       : 30px;
-  border      : none;
-  border-top  : 1px solid #ccc;
-  border-left : 1px solid #ccc;
-  box-shadow  : 1px 1px 3px #555;
-  margin-top  : -1px;
-  padding-bottom : 5px;
-  color       : #f5f5f5;
-  background  : #464646;
-  font-size   : 18px;
-  font-weight : normal;
 }
 
-div.oaa-message-dialog > button:hover {
-  color       : #fff;
-  background  : #262626;
+div.oaa-message-dialog > button:after {
+  content     : "Close";
 }
 
 div.oaa-message-dialog > h2 {

diff --git a/oaa-utils.js b/oaa-utils.js
@@ -216,9 +216,7 @@ var OAAUtils = (function () {
     overlay.className = "oaa-message-dialog";
     setBoxGeometry(overlay);
 
-    button.title = "Close message dialog";
     button.onclick = handler;
-    button.innerHTML = "x";
 
     overlay.appendChild(button);
     document.body.appendChild(overlay);