diff --git a/src/main/java/org/sagebionetworks/web/client/widget/discussion/ForumWidgetViewImpl.java b/src/main/java/org/sagebionetworks/web/client/widget/discussion/ForumWidgetViewImpl.java index cef74501cb..5ef3528bd4 100644 --- a/src/main/java/org/sagebionetworks/web/client/widget/discussion/ForumWidgetViewImpl.java +++ b/src/main/java/org/sagebionetworks/web/client/widget/discussion/ForumWidgetViewImpl.java @@ -132,16 +132,12 @@ private void setSearchResultsVisible(boolean searchResultsVisible) { if (searchResultsVisible) { forumSearchFlexContainer.addStyleName("flexcontainer-column-fill-width"); - forumSearchFlexContainer.removeStyleName( - "flexcontainer-align-items-flex-end" - ); + forumSearchFlexContainer.removeStyleName("flexcontainer-xs-align-end"); } else { forumSearchFlexContainer.removeStyleName( "flexcontainer-column-fill-width" ); - forumSearchFlexContainer.addStyleName( - "flexcontainer-align-items-flex-end" - ); + forumSearchFlexContainer.addStyleName("flexcontainer-xs-align-end"); } } diff --git a/src/main/resources/org/sagebionetworks/web/client/widget/discussion/ForumWidgetViewImpl.ui.xml b/src/main/resources/org/sagebionetworks/web/client/widget/discussion/ForumWidgetViewImpl.ui.xml index ff5212aea2..67ae6a4534 100644 --- a/src/main/resources/org/sagebionetworks/web/client/widget/discussion/ForumWidgetViewImpl.ui.xml +++ b/src/main/resources/org/sagebionetworks/web/client/widget/discussion/ForumWidgetViewImpl.ui.xml @@ -7,7 +7,7 @@ xmlns:bh="urn:import:org.gwtbootstrap3.client.ui.html" > - + New Thread - diff --git a/src/main/resources/org/sagebionetworks/web/client/widget/entity/WikiPageWidgetViewImpl.ui.xml b/src/main/resources/org/sagebionetworks/web/client/widget/entity/WikiPageWidgetViewImpl.ui.xml index 812cacd599..689e801b81 100644 --- a/src/main/resources/org/sagebionetworks/web/client/widget/entity/WikiPageWidgetViewImpl.ui.xml +++ b/src/main/resources/org/sagebionetworks/web/client/widget/entity/WikiPageWidgetViewImpl.ui.xml @@ -11,12 +11,11 @@ - - + diff --git a/src/main/resources/org/sagebionetworks/web/client/widget/entity/browse/FilesBrowserViewImpl.ui.xml b/src/main/resources/org/sagebionetworks/web/client/widget/entity/browse/FilesBrowserViewImpl.ui.xml index cfebe8da5e..444e7409c7 100755 --- a/src/main/resources/org/sagebionetworks/web/client/widget/entity/browse/FilesBrowserViewImpl.ui.xml +++ b/src/main/resources/org/sagebionetworks/web/client/widget/entity/browse/FilesBrowserViewImpl.ui.xml @@ -8,7 +8,7 @@ - + diff --git a/src/main/resources/org/sagebionetworks/web/client/widget/entity/tabs/DockerTabViewImpl.ui.xml b/src/main/resources/org/sagebionetworks/web/client/widget/entity/tabs/DockerTabViewImpl.ui.xml index 48f72ceaa5..d6a6fe5d1e 100644 --- a/src/main/resources/org/sagebionetworks/web/client/widget/entity/tabs/DockerTabViewImpl.ui.xml +++ b/src/main/resources/org/sagebionetworks/web/client/widget/entity/tabs/DockerTabViewImpl.ui.xml @@ -13,7 +13,7 @@ ui:field="projectLevelUi" addStyleNames="margin-top-15 entity-page-side-margins" > - + @@ -24,10 +24,7 @@ addStyleNames="margin-bottom-20" /> - + diff --git a/src/main/resources/org/sagebionetworks/web/client/widget/entity/tabs/TablesTabViewImpl.ui.xml b/src/main/resources/org/sagebionetworks/web/client/widget/entity/tabs/TablesTabViewImpl.ui.xml index 216bbee608..0ddf61c5da 100644 --- a/src/main/resources/org/sagebionetworks/web/client/widget/entity/tabs/TablesTabViewImpl.ui.xml +++ b/src/main/resources/org/sagebionetworks/web/client/widget/entity/tabs/TablesTabViewImpl.ui.xml @@ -27,21 +27,21 @@ - + diff --git a/src/main/resources/org/sagebionetworks/web/client/widget/subscription/SubscribeButtonWidgetViewImpl.ui.xml b/src/main/resources/org/sagebionetworks/web/client/widget/subscription/SubscribeButtonWidgetViewImpl.ui.xml index 28c71e83c0..56565b2727 100755 --- a/src/main/resources/org/sagebionetworks/web/client/widget/subscription/SubscribeButtonWidgetViewImpl.ui.xml +++ b/src/main/resources/org/sagebionetworks/web/client/widget/subscription/SubscribeButtonWidgetViewImpl.ui.xml @@ -10,6 +10,7 @@ type="PRIMARY" visible="false" dataLoadingText="Updating..." + addStyleNames="full-width-xs-only" > Follow @@ -18,6 +19,7 @@ type="DEFAULT" visible="false" dataLoadingText="Updating..." + addStyleNames="full-width-xs-only" > Unfollow diff --git a/src/main/webapp/sass/_core.scss b/src/main/webapp/sass/_core.scss index 77b7b158df..cf96f922b6 100644 --- a/src/main/webapp/sass/_core.scss +++ b/src/main/webapp/sass/_core.scss @@ -930,6 +930,17 @@ input[type='text'][readonly].border-none, vertical-align: bottom; } +@media (max-width: 768px) { + .full-width-xs-only { + min-width: 100%; + } + + .full-width-button .MuiButton-root, + .full-width-button .MuiBox-root { + width: 100%; + } +} + .min-height-400 { min-height: 400px; } @@ -2007,19 +2018,23 @@ input[type='text'].padding-0 { flex-direction: row; } - @media (min-width: 769px) { - .flexcontainer-row-unless-xs { - display: flex; - flex-direction: row; - } - } - @media (max-width: 768px) { - .flexcontainer-row-unless-xs { + .flexcontainer-row-unless-xs { + display: flex; + flex-direction: row; + flex-wrap: wrap; + + @media (max-width: 768px) { display: flex; flex-direction: column; + flex-wrap: nowrap; + gap: 20px; } } + .flexcontainer-wrap { + flex-wrap: wrap; + } + .flexcontainer-align-items-center { align-items: center; } @@ -2032,6 +2047,12 @@ input[type='text'].padding-0 { align-items: flex-end; } + @media (min-width: 900px) { + .flexcontainer-xs-align-end { + align-items: flex-end; + } + } + .flexcontainer-column { display: -webkit-flex; display: flex; @@ -2049,6 +2070,13 @@ input[type='text'].padding-0 { justify-content: flex-end; } + @media (min-width: 768px) { + .flexcontainer-center-xs-justify-end { + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + } + .flexcontainer-justify-space-between { -webkit-justify-content: space-between; justify-content: space-between; @@ -2057,6 +2085,7 @@ input[type='text'].padding-0 { .flexcontainer-column-fill-width { flex-grow: 1; } + .flexcontainer-column-flow-reset { flex-flow: inherit; }