Merge pull request #40 from bahattincinic/issue-36

UI has ben improved for delete attributes
pyistanbul · Sep 14, 2017 · 0535d5c · 0535d5c
2 parents 20891b5 + 2083144
commit 0535d5c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 8 deletions.
diff --git a/web/dbpatterns/dbpatterns/static/css/screen.css b/web/dbpatterns/dbpatterns/static/css/screen.css
@@ -589,23 +589,20 @@ article#document {
 
     .entity .attributes .attribute a.remove-attribute {
         float: right;
-        text-indent: -9999px;
-        display: inline-block;
-
-        margin: 11px 5px 0 0;
-        background-color: #cacaca;
+        margin: 3px 3px 0 0;
         float: right;
         width: 7px;
         height: 7px;
-        border-radius: 50%;
+        text-decoration: none;
+        color: #6b6a6a;
     }
 
     .entity .attributes .attribute:hover {
         background-color: #f6f6f6;
     }
 
     .entity .attributes .attribute:hover .remove-attribute {
-        background-color: #ba0000;
+        color: #ba0000;
     }
 
     .entity .attributes .attribute a span {

diff --git a/web/dbpatterns/dbpatterns/templates/documents/app.html b/web/dbpatterns/dbpatterns/templates/documents/app.html
@@ -188,7 +188,7 @@ <h1 class="{% if edit %}edit-title{% endif %} document-title">{{ document.title
 
         <script type="text/html" id="attribute-template">
             <a href="#" class="name {% if edit %}edit{% endif %}"><%= _.escape(name) %> <span><%= _.escape(type) %></span></a>
-            {% if edit %}<a href="#" class="remove-attribute" title="remove attribute">delete</a>{% endif %}
+            {% if edit %}<a href="#" class="remove-attribute" title="remove attribute">x</a>{% endif %}
         </script>
 
         <script type="text/html" id="entity-template">