show old image on metacode edit form; tweak css of admin area
This commit is contained in:
Devin Howard
parent
40cd1ebb5c
commit
ac1d4f70b6
3 changed files with 199 additions and 65 deletions
|
|
@ -1,63 +0,0 @@
|
|||
|
||||
|
||||
.allMetacodes {
|
||||
float:left;
|
||||
}
|
||||
|
||||
.allMetacodes span {
|
||||
margin:4px 8px;
|
||||
color:#67AF9F;
|
||||
}
|
||||
|
||||
.editMetacodes {
|
||||
z-index:12;
|
||||
width:auto;
|
||||
color: #67AF9F;
|
||||
padding:10px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.editMetacodes ul {
|
||||
display:block;
|
||||
}
|
||||
|
||||
.editMetacodes ul li {
|
||||
clear:both;
|
||||
list-style-type:none;
|
||||
display:block;
|
||||
padding:3px;
|
||||
}
|
||||
|
||||
.editMetacodes ul img {
|
||||
width:40px;
|
||||
height:40px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.editMetacodes ul p {
|
||||
float:left;
|
||||
display: block;
|
||||
margin: 0;
|
||||
background: none;
|
||||
padding: 10px 4px 2px 4px;
|
||||
}
|
||||
|
||||
.editMetacodes #filters-one {
|
||||
float:left;
|
||||
}
|
||||
|
||||
.editMetacodes #filters-two {
|
||||
float:left;
|
||||
}
|
||||
|
||||
.editMetacodes #filters-three {
|
||||
float:left;
|
||||
}
|
||||
|
||||
.editMetacodes #filters-four {
|
||||
float:left;
|
||||
}
|
||||
|
||||
.editMetacodes li.toggledOff {
|
||||
opacity: 0.4;
|
||||
}
|
||||
188
app/assets/stylesheets/admin.scss.erb
Normal file
188
app/assets/stylesheets/admin.scss.erb
Normal file
|
|
@ -0,0 +1,188 @@
|
|||
.allMetacodes {
|
||||
float:left;
|
||||
|
||||
span {
|
||||
margin:4px 8px;
|
||||
color:#67AF9F;
|
||||
}
|
||||
}
|
||||
|
||||
.editMetacodes {
|
||||
z-index:12;
|
||||
width:auto;
|
||||
color: #67AF9F;
|
||||
padding:10px;
|
||||
float:left;
|
||||
|
||||
ul {
|
||||
display:block;
|
||||
}
|
||||
|
||||
ul li {
|
||||
clear:both;
|
||||
list-style-type:none;
|
||||
display:block;
|
||||
padding:3px;
|
||||
}
|
||||
|
||||
ul img {
|
||||
width:40px;
|
||||
height:40px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
ul p {
|
||||
float:left;
|
||||
display: block;
|
||||
margin: 0;
|
||||
background: none;
|
||||
padding: 10px 4px 2px 4px;
|
||||
}
|
||||
|
||||
#filters-one {
|
||||
float:left;
|
||||
}
|
||||
|
||||
#filters-two {
|
||||
float:left;
|
||||
}
|
||||
|
||||
#filters-three {
|
||||
float:left;
|
||||
}
|
||||
|
||||
#filters-four {
|
||||
float:left;
|
||||
}
|
||||
|
||||
li.toggledOff {
|
||||
opacity: 0.4;
|
||||
}
|
||||
}
|
||||
|
||||
.blackBox {
|
||||
width: 760px;
|
||||
margin: 0 auto;
|
||||
padding: 20px 0 60px 20px;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
color: white;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
|
||||
.metacodeSetsDescription {
|
||||
width: 314px;
|
||||
}
|
||||
td.metacodeSetDesc {
|
||||
width: 314px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.metacodeSetImage {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
float: left;
|
||||
}
|
||||
tr {
|
||||
display: table-row;
|
||||
}
|
||||
tr:nth-child(odd) {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
tr:nth-child(even) {
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
th,
|
||||
td {
|
||||
padding: 10px;
|
||||
}
|
||||
td.iconURL {
|
||||
max-width: 415px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.field {
|
||||
margin: 15px 0 5px;
|
||||
}
|
||||
label {
|
||||
float: left;
|
||||
width: 100px;
|
||||
margin-right: 15px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
input[type="text"] {
|
||||
width: 336px;
|
||||
height: 32px;
|
||||
font-size: 15px;
|
||||
direction: ltr;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0 8px;
|
||||
background: #fff;
|
||||
border: 1px solid #d9d9d9;
|
||||
border-top: 1px solid #c0c0c0;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-webkit-border-radius: 1px;
|
||||
-moz-border-radius: 1px;
|
||||
border-radius: 1px;
|
||||
font: -webkit-small-control;
|
||||
color: initial;
|
||||
letter-spacing: normal;
|
||||
word-spacing: normal;
|
||||
text-transform: none;
|
||||
text-indent: 0px;
|
||||
text-shadow: none;
|
||||
display: inline-block;
|
||||
text-align: start;
|
||||
font-family: arial;
|
||||
}
|
||||
textarea:hover,
|
||||
input[type="text"]:hover {
|
||||
border: 1px solid #b9b9b9;
|
||||
border-top: 1px solid #a0a0a0;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
textarea {
|
||||
padding: 8px;
|
||||
border: 1px solid #d9d9d9;
|
||||
border-top: 1px solid #c0c0c0;
|
||||
resize: none;
|
||||
font: -webkit-small-control;
|
||||
letter-spacing: normal;
|
||||
word-spacing: normal;
|
||||
text-transform: none;
|
||||
text-indent: 0px;
|
||||
text-shadow: none;
|
||||
text-align: start;
|
||||
font-family: arial;
|
||||
font-size: 15px;
|
||||
line-height: 17px;
|
||||
width: 318px;
|
||||
}
|
||||
.allMetacodes {
|
||||
padding: 5px 0;
|
||||
}
|
||||
a.button {
|
||||
margin-right: 20px;
|
||||
line-height: 40px;
|
||||
}
|
||||
a.button,
|
||||
input.add {
|
||||
float: left;
|
||||
margin-top: 5px;
|
||||
height: 40px;
|
||||
font-size: 17px;
|
||||
width: auto;
|
||||
padding: 0 30px;
|
||||
cursor: pointer;
|
||||
font-weight: normal;
|
||||
}
|
||||
a.button:hover,
|
||||
input.add:hover {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -2,7 +2,6 @@
|
|||
<% if @metacode.errors.any? %>
|
||||
<div id="error_explanation">
|
||||
<h2><%= pluralize(@metacode.errors.count, "error") %> prohibited this metacode from being saved:</h2>
|
||||
|
||||
<ul>
|
||||
<% @metacode.errors.full_messages.each do |msg| %>
|
||||
<li><%= msg %></li>
|
||||
|
|
@ -16,8 +15,18 @@
|
|||
<%= f.text_field :name %>
|
||||
<div class="clearfloat"></div>
|
||||
</div>
|
||||
<% unless @metacode.new_record? %>
|
||||
<div class="field">
|
||||
<%= f.label 'Current Icon' %>
|
||||
<%= image_tag @metacode.icon, width: 96 %>
|
||||
</div>
|
||||
<% end %>
|
||||
<div class="field">
|
||||
<%= f.label :icon %>
|
||||
<% if @metacode.new_record? %>
|
||||
<%= f.label 'Icon' %>
|
||||
<% else %>
|
||||
<%= f.label 'Replace Icon: ' %>
|
||||
<% end %>
|
||||
<%= f.hidden_field :manual_icon, value: nil %>
|
||||
<%= f.file_field :aws_icon %>
|
||||
<div class="clearfloat"></div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue