From: Michael D. Lowis Date: Mon, 30 Jul 2018 16:15:09 +0000 (-0400) Subject: minor refactoring and added styling to close button X-Git-Url: https://git.mdlowis.com/?a=commitdiff_plain;h=11ed6a8051f7d6281a366cdc6e97ae0890e881db;p=proto%2Fkanban.git minor refactoring and added styling to close button --- diff --git a/index.html b/index.html index 7377064..ddfd549 100644 --- a/index.html +++ b/index.html @@ -63,7 +63,7 @@ hr { } .dialog { - display: none; /* Hidden by default */ + display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ left: 0; @@ -78,7 +78,7 @@ hr { .dialog-content { background: #fafafa; margin: 15% auto; /* 15% from the top and centered */ - padding: 20px; + padding: 10px; width: 80%; /* Could be more or less, depending on screen size */ overflow: hidden; position: relative; @@ -89,6 +89,21 @@ hr { 0 3px 1px -2px rgba(0,0,0,0.20), 0 1px 5px 0px rgba(0,0,0,0.12); } + +.dialog-close { + color: #aaa; + float: right; + font-size: 28px; + font-weight: bold; +} + +.dialog-close:hover, +.dialog-close:focus { + color: black; + text-decoration: none; + cursor: pointer; +} + @@ -119,13 +134,17 @@ hr {

- × -

Some text in the Modal..

+ × +

Some text in the Modal..