Fix: concept details table layout max-with when long strings (#649)

* fix concepts table layout when we put very long strings * fix concepts json button position * use a css class intead of an id for the concepts_json_button * move concepts_json_button css class from concept details file to concepts file * remvoe #concepts_json_link unsued style --------- Co-authored-by: Syphax Bouazzouni <[email protected]>
ontoportal-lirmm · Jun 14, 2024 · fac6747 · fac6747
1 parent f8d1176
commit fac6747
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/app/assets/stylesheets/components/concept_details.scss b/app/assets/stylesheets/components/concept_details.scss
@@ -6,4 +6,8 @@
 
 .concept_details_component table th {
   width: 220px;
+}
+
+.concept_details_component td, .concept_details_component th{
+  max-width: 200px;
 }
diff --git a/app/assets/stylesheets/concepts.scss b/app/assets/stylesheets/concepts.scss
@@ -162,7 +162,7 @@ div.synonym-change-request button {
   display: inline !important;
 }
 
-#concepts_json_link{
-  margin-top: -4px;
+.concepts_json_button{
   margin-right: 5px;
+  margin-top: -4px;
 }
diff --git a/app/views/concepts/_show.html.haml b/app/views/concepts/_show.html.haml
@@ -11,7 +11,8 @@
               = link_to("#classPermalinkModal", class: "class-permalink nav-link", title: t('concepts.permanent_link_class'), aria: {label: t('concepts.permanent_link_class')}, data: {toggle: "modal", current_purl: "#{@current_purl}"}) do
                 %i{class: "fas fa-link", aria: {hidden: "true"}}
           %div{'data-concepts-json-target': 'button'}
-            = render RoundedButtonComponent.new(link: "#{@ontology.id}/classes/#{escape(@concept.id)}?display=all&apikey=#{get_apikey}", target:'_blank')
+            .concepts_json_button
+              = render RoundedButtonComponent.new(link: "#{@ontology.id}/classes/#{escape(@concept.id)}?display=all&apikey=#{get_apikey}", target:'_blank')
         - apikey = "apikey=#{get_apikey}"
         - baseClassUrl = "#{@ontology.id}/classes/#{escape(@concept.id)}"
         - c.item(title: t('concepts.details'), path: '#details', selected: true, json_link: "#{baseClassUrl}?#{apikey}&display=all")