fixing modal
This commit is contained in:
Jon Lambson
parent
b07b484f9f
commit
a292e7027a
122
css/styles.css
122
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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue