fixing modal

css/styles.css

@@ -298,3 +298,125 @@
   list-style: none;
   -webkit-padding-start: 0px;
 }
+
+
+
+
+
+
+
+
+
+/* ————————————————————–
+  Tree core styles
+*/
+.tree { margin: 1em; }
+
+.tree input {
+  position: absolute;
+  clip: rect(0, 0, 0, 0);
+  }
+
+.tree input ~ ul { display: none; }
+
+.tree input:checked ~ ul { display: block; }
+
+/* ————————————————————–
+  Tree rows
+*/
+.tree li {
+  line-height: 1.2;
+  position: relative;
+  padding: 0 0 1em 1em;
+  }
+
+.tree ul li { padding: 1em 0 0 1em; }
+
+.tree > li:last-child { padding-bottom: 0; }
+
+/* ————————————————————–
+  Tree labels
+*/
+.tree_label {
+  position: relative;
+  display: inline-block;
+  background: #fff;
+  }
+
+label.tree_label { cursor: pointer; }
+
+label.tree_label:hover { color: #666; }
+
+/* ————————————————————–
+  Tree expanded icon
+*/
+label.tree_label:before {
+  background: #000;
+  color: #fff;
+  position: relative;
+  z-index: 1;
+  float: left;
+  margin: 0 1em 0 -2em;
+  width: 1em;
+  height: 1em;
+  border-radius: 1em;
+  content: '+';
+  text-align: center;
+  line-height: .9em;
+  }
+
+:checked ~ label.tree_label:before { content: '–'; }
+
+/* ————————————————————–
+  Tree branches
+*/
+/*.tree li:before {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: -.5em;
+  display: block;
+  width: 0;
+  border-left: 1px solid #777;
+  content: "";
+  }*/
+
+.tree_label:after {
+  position: absolute;
+  top: 0;
+  left: -1.5em;
+  display: block;
+  height: 0.5em;
+  width: 1em;
+  border-bottom: 1px solid #777;
+  border-left: 1px solid #777;
+  border-radius: 0 0 0 .3em;
+  content: '';
+  }
+
+label.tree_label:after { border-bottom: 0; }
+
+:checked ~ label.tree_label:after {
+  border-radius: 0 .3em 0 0;
+  border-top: 1px solid #777;
+  border-right: 1px solid #777;
+  border-bottom: 0;
+  border-left: 0;
+  bottom: 0;
+  top: 0.5em;
+  height: auto;
+  }
+
+.tree li:last-child:before {
+  height: 1em;
+  bottom: auto;
+  }
+
+.tree > li:last-child:before { display: none; }
+
+.tree_custom {
+  display: block;
+  background: #eee;
+  padding: 1em;
+  border-radius: 0.3em;
+}

templates/website.html

@@ -5,7 +5,7 @@
     <button class="btn btn-primary btn-lg"  title="..." data-toggle="modal" data-target=".create-website-modal">
       Create Website
     </button>
-    <hr>
+
     <div class="modal fade create-website-modal" tabindex="-1" role="dialog" aria-labelledby="create-website-modal" aria-hidden="true">
       <div class="modal-dialog">
         <div class="modal-content">
@@ -87,6 +87,7 @@
   </div>
 </div>
 
+
 <div class="invite-card-container">
   <div class="invite-option">
     <h1>Invite Code</h1>
@@ -104,8 +105,6 @@
   </div>
 </div>
 
-<hr>
-
 <div class="row">
   <div>
     <table class="table table-striped">
@@ -245,14 +244,16 @@
 
 
 
-<!--
+
 <div class="home-container">
+
   <div class="white-well">
     <h1>Create a new Website</h1>
     <h3>Select a Domain</h3>
     <div class="input-group">
       <input type="text" class="form-control" placeholder="www" ng-model="vm.newRecord" ng-change="vm.setRecord()" />
       <div class="input-group-btn">
+        <!-- Single button -->
         <div class="btn-group">
           <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span>
           </button>
@@ -275,7 +276,7 @@
         match-class="highlight">
       </div>
 
-      <input type="text" class="form-control" placeholder="Select a domain" aria-label="Domain Name" ng-model="vm.newDomain" ng-change="vm.setDomain()" />
+      <!-- <input type="text" class="form-control" placeholder="Select a domain" aria-label="Domain Name" ng-model="vm.newDomain" ng-change="vm.setDomain()" /> -->
       <div class="input-group-btn">
         <div class="btn-group">
           <button type="button" class="btn btn-default trigger-dropdown" aria-haspopup="true" aria-expanded="false" ng-click="vm.triggerDropdown()"><span class="caret"></span>
@@ -286,8 +287,10 @@
     </div>
     <div class="panel panel-default">
       <div class="panel-body">
+        <!--
         Choose or create a public shared folder  <button class="btn btn-default">Select Daplie Folder</button>
         <br>
+        -->
         <div class="input-group">
           <div><label>Select .zip upload</label> <input type="file" class="js-file-upload this-has-a-special-non-angular-event-handler" /></div>
 
@@ -295,7 +298,7 @@
 
           <div ng-if="vm.unzip" ><label><input type="checkbox" ng-model="vm.stripZip" /> Strip zip directory root</label></div>
 
-          <div ng-if="vm.isZip" ><label>Unzip directory</label> <input type="text" ng-model="vm.unzipPath" /></div>
+          <!-- div ng-if="vm.isZip" ><label>Unzip directory</label> <input type="text" ng-model="vm.unzipPath" /></div -->
 
           <div ng-if="vm.uploadTotal"><span ng-bind="vm.uploadPercent">99</span>% | <span ng-bind="vm.uploadProgress">1</span> MiB / <span ng-bind="vm.uploadTotal">100</span> MiB</div>
 
@@ -303,16 +306,18 @@
         </div>
       </div>
     </div>
+    <!--
     <div class="panel panel-default">
       <div class="panel-body">
         Who can edit and upload to this site?  <input placeholder="Type contact name or email address" type="text" class="form-control">
       </div>
     </div>
-    <div class="form-group">
+    -->
-      <div class="pull-right">
+    <!-- <div class="form-group">
+      <div class="pull-right"> -->
             <button ng-click="vm.Sites.create()" type="button" name="button" class="btn btn-default">Create Website</button>
-        </div>
+        <!-- </div>
-    </div>
+    </div> -->
         <div class="input-group">
           <div><label>Invite Code</label> <input type="text" ng-model="vm.Shares.inviteToken" /></div>
           <button ng-click="vm.Shares.accept()" type="button" name="button" class="btn btn-default">Accept Invite</button>
@@ -326,11 +331,11 @@
           <tr>
             <td><a ng-href="https://{{r.domain}}" target="_blank" ng-bind="r.domain">example.com</a>
               <a ng-href="{{r.download}}" target="_blank">Download</a>
-              <button class="btn btn-link" ng-click="vm.Sites.archive(r)">download</button>
+              <!-- button class="btn btn-link" ng-click="vm.Sites.archive(r)">download</button -->
               <button class="btn btn-link" ng-click="vm.Sites.remove(r)">Clear</button></td>
             <td>
               <input type="text" ng-model="r.newPath" placeholder="/" />
-              <button class="btn btn-default" ng-click="vm.Sites.contents(r)">List Files</button>
+              <!-- <button class="btn btn-default" ng-click="vm.Sites.contents(r)">List Files</button> -->
             </td>
             <td ng-bind="r.path">Sites > blogs > blog.jane.smith.net</td>
             <td><span ng-repeat="share in r.sharedWith" ng-if="!share.me">
@@ -355,7 +360,7 @@
 
         <div ng-if="r.unzip" ><label><input type="checkbox" ng-model="r.stripZip" /> Strip zip directory root</label></div>
 
-        <div ng-if="vm.isZip" ><label>Unzip directory</label> <input type="text" ng-model="vm.unzipPath" /></div>
+        <!-- div ng-if="vm.isZip" ><label>Unzip directory</label> <input type="text" ng-model="vm.unzipPath" /></div -->
 
         <div ng-if="r.uploadTotal"><span ng-bind="r.uploadPercent">99</span>% | <span ng-bind="r.uploadProgress">1</span> MiB / <span ng-bind="r.uploadTotal">100</span> MiB</div>
 
@@ -365,4 +370,4 @@
       </div>
     </div>
   </div>
-</div> -->
+</div>