permalink not visible on small screens

[mr-c]

Example https://view.commonwl.org/workflows/github.com/BD2KGenomics/dockstore_workflow_fusion/blob/master/fusion_workflow.cwl

Neither in mobile view, portrait mode

Horizontal mode

Nor desktop mode

[kinow]

Looks like it was intentionally hidden on smaller viewports (CSS class hidden-xs).

The verified link:

cwlviewer/src/main/resources/templates/workflow.html

Lines 144 to 146 in 492770e

	<div class="col-md-6 text-right hidden-xs">
	<img class="verification_icon" src="../static/img/tick.svg" th:src="@{/img/tick.svg}" width="20" height="22" /> Verified with cwltool version <samp th:text="${workflow.cwltoolVersion}">1.0.20170622090721</samp>
	</div>

And the permalink:

cwlviewer/src/main/resources/templates/workflow.html

Lines 154 to 159 in 492770e

	<div class="permalink hidden-sm hidden-xs hidden-print">
	Permalink:
	<a href="https://w3id.org/cwl/view/" rel="noopener" class="help" target="_blank">[?]</a>
	<a id="permalink" th:href="${workflow.permalink}" th:text="${workflow.permalink}"
	href="#">https://w3id.org/cwl/view/git/933bf2a1a1cce32d88f88f136275535da9df0954/workflows/larger/test-hello.cwl</a>
	</div>

[mr-c]

Thanks for the quick sleuthing @kinow !

I think permalinks are pretty important, though I can see how they could screw up the layout. Maybe the intention was to just display an icon for small displays instead of the full URL?

[kinow]

That would make more sense, the smaller icon. I think the verified icon could also be displayed although it is useful to know the cwltool version as well.