diff --git a/dashboard-ui/css/card.css b/dashboard-ui/css/card.css index c6d2258d50..a8e51b208f 100644 --- a/dashboard-ui/css/card.css +++ b/dashboard-ui/css/card.css @@ -521,6 +521,13 @@ } } +@media all and (min-width: 1920px) { + + .homePageBackdropCard { + width: 20%; + } +} + /** homePageSquareCard */ .homePageSquareCard .cardPadder { @@ -546,6 +553,13 @@ } } +@media all and (min-width: 1000px) { + + .homePageSquareCard { + width: 20%; + } +} + @media all and (min-width: 1200px) { .homePageSquareCard { @@ -553,6 +567,27 @@ } } +@media all and (min-width: 1600px) { + + .homePageSquareCard { + width: 14.285714285714285714285714285714%; + } +} + +@media all and (min-width: 1280px) { + + .homePageSquareCard { + width: 14.285714285714285714285714285714%; + } +} + +@media all and (min-width: 1920px) { + + .homePageSquareCard { + width: 12.5%; + } +} + /** homePagePortraitCard */ .homePagePortraitCard .cardPadder { @@ -592,6 +627,20 @@ } } +@media all and (min-width: 1600px) { + + .homePagePortraitCard { + width: 12.5%; + } +} + +@media all and (min-width: 1920px) { + + .homePagePortraitCard { + width: 11.111111111111111111111111111111%; + } +} + /** homePageSmallBackdropCard */ .homePageSmallBackdropCard .cardPadder { @@ -630,3 +679,10 @@ width: 16.666666666666666666666666666667%; } } + +@media all and (min-width: 1600px) { + + .homePageSmallBackdropCard { + width: 14.285714285714285714285714285714%; + } +} diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css index 17fb9ec0ab..1ddcd415a0 100644 --- a/dashboard-ui/css/librarybrowser.css +++ b/dashboard-ui/css/librarybrowser.css @@ -114,7 +114,14 @@ @media all and (min-width: 1600px) { .ehsContent { - width: 1200px; + width: 1280px; + } +} + +@media all and (min-width: 1600px) { + + .ehsContent { + width: 1500px; } } diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css index 81f6476180..5d5909f435 100644 --- a/dashboard-ui/css/site.css +++ b/dashboard-ui/css/site.css @@ -756,19 +756,13 @@ progress { height: 70px; } - -.latestNewsItems { - min-height: 100px; - min-width: 200px; -} - .newsItem { padding: 1em 0; border-bottom: 1px solid #ddd; } .newsItemDescription { - max-height: 50px; + max-height: 34px; text-overflow: ellipsis; overflow: hidden; } @@ -786,47 +780,55 @@ progress { @media all and (max-width: 1440px) { .dashboardHomeRightColumn { - margin-top: 2em; + margin-top: 1em; } } .dashboardContent { - max-width: 1000px; + max-width: 1550px; margin-top: -10px; } +.dashboardHomeRightColumn { + vertical-align: top; +} + @media all and (min-width: 1440px) { .dashboardHomeLeftColumn { width: 600px; - float: left; - } - - .latestNewsItems { - max-width: 280px; + display: inline-block; + vertical-align: top; } .dashboardHomeRightColumn { - float: right; + vertical-align: top; } + + .firstDashboardHomeRightColumn { + display: inline-block; + width: 440px; + margin-left: 2em; + } + + .firstDashboardHomeRightColumn .ui-collapsible-content { + height: 585px; + min-width: 300px; + } } -@media all and (min-width: 1500px) { +@media all and (min-width: 1920px) { - .latestNewsItems { - max-width: 300px; - } -} - -@media all and (min-width: 1600px) { - - .latestNewsItems { - max-width: 400px; + .dashboardHomeRightColumn { + display: inline-block; + max-width: 440px; + margin-left: 2em; + min-width: 400px; } - .dashboardContent { - max-width: 1100px; - } + .dashboardHomeRightColumn .ui-collapsible-content { + height: 585px; + } } .organizerButtonCell { @@ -851,9 +853,9 @@ progress { width: 50%; } -.activeSession .cardPadder { - padding-bottom: 56.25%; -} + .activeSession .cardPadder { + padding-bottom: 56.25%; + } .sessionNowPlayingContent { diff --git a/dashboard-ui/dashboard.html b/dashboard-ui/dashboard.html index 28d0736c06..bac2762283 100644 --- a/dashboard-ui/dashboard.html +++ b/dashboard-ui/dashboard.html @@ -68,7 +68,7 @@ -