Skip to content

Commit

Permalink
[Feature] Modify the summary section's margin/padding in case of Annd…
Browse files Browse the repository at this point in the history
…ata experiment (#402)

* Update atlas-web-core to the latest version

* Implement getExperimentType method also for ScxaExperimentRepository

* Change background colour in case of anndata experiment

* Add icon to experiment description section in case of anndata

* Add tooltip to the anndata icon

* Modify the summary section's margin/padding

* Modify the anndata icon, also its position and tooltip text

* Modify the anndata icon, also its position and tooltip text

Also deleted unnecessary anndata.png icon file
  • Loading branch information
ke4 authored May 21, 2024
1 parent e3a7499 commit 9d2c384
Show file tree
Hide file tree
Showing 3 changed files with 25 additions and 8 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -100,11 +100,9 @@
</c:if>
</div>
<c:if test="${fn:startsWith(experimentAccession, 'E-ANND-')}">
<div class="experiment-type-icon">
<img src="${pageContext.request.contextPath}/resources/images/experiment-type/anndata.png"
alt="Experiment with annotated data from external source"
title="Experiment with annotated data from external source"
style="height: 100px;">
<div class="experiment-type-icon"
title="Experiment with annotated data analysed by an external source">
A
</div>
</c:if>
</div>
Expand Down
25 changes: 22 additions & 3 deletions app/src/main/webapp/resources/css/atlas.css
Original file line number Diff line number Diff line change
Expand Up @@ -10,15 +10,34 @@
padding-right: 0;
}

.media-object.stack-for-small {
padding: 0.9375rem;
}

.media-object.stack-for-small.anndata {
background: lightyellow;
display: flex;
}

#main-content-area {
margin-top: 0;
}

#experimentDescription {
padding: 0;
}

.experiment-type-icon {
margin-left: auto;
margin-right: 10px;
margin-top: 10px;
background: indianred;
color:white;
border-radius: 50%;
font-size: 26px;
height: 40px;
width: 40px;
text-align: center;
vertical-align: middle;
position: absolute;
right: 40px;
}

a.clear {
Expand Down
Binary file not shown.

0 comments on commit 9d2c384

Please sign in to comment.