diff --git a/src/StyleWrapper/stretchStyleDefaultView.css b/src/StyleWrapper/stretchStyleDefaultView.css index 64b7499..c06acc1 100644 --- a/src/StyleWrapper/stretchStyleDefaultView.css +++ b/src/StyleWrapper/stretchStyleDefaultView.css @@ -1,4 +1,4 @@ -body:not(.view-editview):not(.document_wide_view) .stretch { +body:not(.view-editview):not(.view-addview):not(.document_wide_view) .stretch { position: relative; z-index: 3; right: 50%; @@ -26,12 +26,14 @@ body:not(.is-authenticated):not(.document_wide_view) main { overflow: hidden; } -body:not(.view-editview):not(.document_wide_view):not(.is-anonymous) main { +body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous) + main { overflow: hidden; } /* detect if is logged in but in view with toolbar open */ -body:not(.view-editview):not(.document_wide_view):not(.is-anonymous) .stretch { +body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous) + .stretch { max-width: 1636px; margin: 0; } @@ -41,7 +43,7 @@ body:not(.is-authenticated):not(.document_wide_view).stretch { } @media screen and (max-width: 1790px) { - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous) .stretch { right: auto; left: auto; @@ -50,13 +52,13 @@ body:not(.is-authenticated):not(.document_wide_view).stretch { transform: none; } - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { max-width: 100vw; margin: 0 -25.54vw; } - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { max-width: 100vw; margin: 0 -25.5vw; @@ -64,14 +66,14 @@ body:not(.is-authenticated):not(.document_wide_view).stretch { } @media screen and (max-width: 1749px) { - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { margin: 0 -26.1vw; } } @media screen and (max-width: 1700px) { - body:not(.document_wide_view):not(.view-editview):not(.is-anonymous):not(.is-authenticated).stretch { + body:not(.document_wide_view):not(.view-editview):not(.view-addview):not(.is-anonymous):not(.is-authenticated).stretch { margin-right: 0; margin-left: 0; transform: translate(-50%, 0%); @@ -90,19 +92,19 @@ body:not(.is-authenticated):not(.document_wide_view).stretch { margin: 0 -26.8vw; } - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { margin: 0 -26.4vw; } } @media screen and (max-width: 1599px) { - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { margin: 0 -18.3vw; } - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { margin: 0 -18.9vw; } @@ -113,12 +115,12 @@ body:not(.is-authenticated):not(.document_wide_view).stretch { } @media screen and (max-width: 1499px) { - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { margin: 0 -18.4vw; } - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { margin: 0 -19vw; } @@ -129,12 +131,12 @@ body:not(.is-authenticated):not(.document_wide_view).stretch { } @media screen and (max-width: 1399px) { - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { margin: 0 -18.5vw; } - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { margin: 0 -19.2vw; } @@ -145,19 +147,19 @@ body:not(.is-authenticated):not(.document_wide_view).stretch { } @media screen and (max-width: 1280px) { - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { margin: 0 -17.8vw; } - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { margin: 0 -15.3rem; } } @media screen and (max-width: 1220px) { - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { margin: 0 -14.9rem; } @@ -174,24 +176,24 @@ body:not(.is-authenticated):not(.document_wide_view).stretch { } @media screen and (max-width: 1199px) { - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { margin: 0 -3.6vw; } - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { margin: 0 -3.5vw; } } @media screen and (max-width: 1049px) { - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { margin: 0 -4vw; } - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { margin: 0 -4vw; } @@ -202,12 +204,12 @@ body:not(.is-authenticated):not(.document_wide_view).stretch { } @media screen and (max-width: 1000px) { - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { margin: 0 -4.2vw; } - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { margin: 0 -4.3vw; } @@ -218,12 +220,12 @@ body:not(.is-authenticated):not(.document_wide_view).stretch { } @media screen and (max-width: 900px) { - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { margin: 0 -4.65vw; } - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { margin: 0 -4.9vw; } @@ -234,12 +236,12 @@ body:not(.is-authenticated):not(.document_wide_view).stretch { } @media screen and (max-width: 849px) { - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { margin: 0 -1.2vw; } - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { margin: 0 -5vw; } @@ -250,24 +252,24 @@ body:not(.is-authenticated):not(.document_wide_view).stretch { } @media screen and (max-width: 787px) { - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { margin: 0 -1.2vw; } - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { margin: 0 -1.2vw; } } @media screen and (max-width: 767px) { - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar-collapsed) .stretch { padding: 0; } - body:not(.view-editview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) + body:not(.view-editview):not(.view-addview):not(.document_wide_view):not(.is-anonymous):not(.has-toolbar) .stretch { padding: 0; }