program visible + box shadow

master
Lotte Louise de Jong 3 years ago
parent 4984bb34c5
commit 213d68dade

BIN
.DS_Store vendored

Binary file not shown.

@ -25,7 +25,7 @@
<div id="dragZone" class="dragzone"> <div id="dragZone" class="dragzone">
<div id="program" class="ui-widget-content draggable resizable" style="max-width: 250px; height: 1400px;"> <div id="program" class="ui-widget-content draggable resizable visible" style="max-width: 250px; height: 1400px;">
<h1>10 Sept 21</h1> <h1>10 Sept 21</h1>
<li>12:00-17:00:</li> <li>12:00-17:00:</li>
<ul>XPUB Bookshop</ul> <ul>XPUB Bookshop</ul>

@ -1,6 +1,6 @@
class DragResizeClose { class DragResizeClose {
constructor(zIndex) { constructor() {
this.zIndex = zIndex; this.zIndex = 4;
this.drag(); this.drag();
this.setDraggables(); this.setDraggables();
this.setZindex(); this.setZindex();

@ -33,6 +33,8 @@ button {
position: absolute; position: absolute;
border: 2px white solid; border: 2px white solid;
background: black; background: black;
-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0.49);
box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0.49);
} }
.draggable p, .draggable p,
@ -129,8 +131,11 @@ button {
background-color: rgb(113, 113, 226); background-color: rgb(113, 113, 226);
} }
.clicked{ .clicked{
background-color: white; background-color: white;
color: blue; color: blue;
} }
.visible {
display: inline;
}

Loading…
Cancel
Save