From d356e84babc0b753ba29f27f589b5a85bbd2e982 Mon Sep 17 00:00:00 2001
From: gebele <gebele@in-silico.ch>
Date: Thu, 18 Jun 2015 12:07:25 +0200
Subject: general css update with bootstrap

---
 views/details.haml | 55 ++++++++++++++++++++++++++++--------------------------
 1 file changed, 29 insertions(+), 26 deletions(-)

(limited to 'views/details.haml')

diff --git a/views/details.haml b/views/details.haml
index 02d7b66..00d8f61 100644
--- a/views/details.haml
+++ b/views/details.haml
@@ -1,28 +1,31 @@
-%link{ :href=>"/style.css", :media=>"screen, projection", :rel=>"stylesheet", :type=>"text/css"}
+:javascript
+  $(document).ready(function(){
+    $("#details").on('hidden.bs.modal', function() {
+      $(this).removeData('bs.modal');
+    });
+  });
 
-.content{:style=>"margin-top:0;"}
-  .details{:style=>"padding:0.7em;padding-bottom:5em;"}
-    %button{:id=>"closebutton", :onclick=>"parent.$('#iframe_details').bPopup().close();parent.$('#iframe_overview').bPopup().close();"}
-      X
-      
-    %h2{:style=>"margin-left:8px;"}
-      Names and synonyms:
-    %img{:src=>"#{@compound.uri}/image", :alt=>"Compound image not available", :width=>"300px", :heigth=>"300px"}
-    %p
-    %b="SMILES:"
-    %p= @smiles
-    %br
-    %b="InChI:"
-    %p= @inchi
-    %br
-    %b="Names:"
-    %p{:style=>"padding-left:0.5em;"}
-    - if @names !~ /^no names/i
-      = @names.join("; ")
-    - else
-      = @names
-    %p{:style=>"padding-left:0.5em;"}
-      / pubchem link
-      %a{:href=>"http://aop.in-silico.ch/", :title=>"Link opens in new window.", :alt=>"pubchem read across", :target=>"_blank"} PubChem read across 
-      %i (experimental)
+%div.modal-body{:style=>"padding:10px;"}
+  %button.close{ :type=>" button", data: { dismiss:"modal"}} &times;
+  %h2
+    Names and synonyms:
+  %img{:src=>"#{@compound.uri}/image", :alt=>"Compound image not available", :width=>"300px", :heigth=>"300px", :style=>"float:left;"}
+  %p
+  %b="SMILES:"
+  %p= @smiles
+  %br
+  %b="InChI:"
+  %p= @inchi
+  %br
+  %b="Names:"
+  %p{:style=>"padding-left:0.5em;"}
+  - if @names !~ /^no names/i
+    = @names.join("; ")
+  - else
+    = @names
+  %hr
+  %p{:style=>"padding-left:0.5em;"}
+    / pubchem link
+    %a.btn.btn-primary{:href=>"http://aop.in-silico.ch/", :title=>"Link opens in new window.", :alt=>"pubchem read across", :target=>"_blank"} PubChem read across 
+    %i (experimental)
 
-- 
cgit v1.2.3