diff --git a/ckanext/odsh/public/odsh.css b/ckanext/odsh/public/odsh.css index 7db756ad644458c74cdcf72ac053d4f8fcf1dc28..de9f959d270ec810ef6e65d121615a208d3a2ce6 100644 --- a/ckanext/odsh/public/odsh.css +++ b/ckanext/odsh/public/odsh.css @@ -1,5 +1,11 @@ /* FONTS */ +@media (max-width: 767px){ +.span9 { + width: 100%; +} +} + @font-face{ font-family:"MuseoSans"; src:url("/base/fonts/Fonts/905300/fd479df2-01b0-4e3a-a411-915c477f1352.eot?#iefix"); @@ -180,8 +186,8 @@ input[type=radio], input[type=checkbox] { background-color: #f2f2f2; } -.secondary.span3 { - width: 193px; +.is-table-row .secondary.span3 { + width: 191px; max-width: 1970px; padding: 20px 16px 0px; } @@ -198,8 +204,9 @@ input[type=radio], input[type=checkbox] { padding-left: 0px; } -.primary.span9 { - width: 725px; +.is-table-row .primary.span9 { + width: 717px; + float: right; } .primary.logout { @@ -208,7 +215,7 @@ input[type=radio], input[type=checkbox] { } @media (max-width: 767px){ -.primary{ +.is-table-row .primary.span9 { padding-left: 0px; width: 100%; margin-left: 0; @@ -216,6 +223,9 @@ input[type=radio], input[type=checkbox] { .primary.span9{ width: 100%; } +.primary{ + padding: 0px; +} } .wrapper { @@ -320,6 +330,28 @@ input[type=checkbox]:checked + label.mylabel { margin-bottom: 0px; } + +@media (max-width: 768px) +{ +input[type=checkbox] + label.mylabel, +input[type=checkbox]:checked + label.mylabel { + height: 20px; + width: 20px; + background-size: 20px 20px; + vertical-align: text-bottom; +} +.facet_label { + font-size: 18px; + vertical-align: text-bottom; +} +.nav-simple>li{ + width: 100%; +} +.js [role=main] .secondary .filters { + background-color: white; +} +} + .checklabel input[type="checkbox"] { float: inherit; @@ -1153,6 +1185,15 @@ element.style { float:left; } +@media (max-width: 767px) +{ +.is-table-row .resource-details-left { + /* padding-right: 0px; */ + width: 100%; + /* float:none; */ +} +} + .resource-icons { font-size: 24px; margin-left: 5px; @@ -2129,7 +2170,6 @@ p.package-info-categorie @media (max-width: 767px) { [role=main] .secondary.span3 { - float: none; display: block; width: 100%; margin-left: 0; @@ -2137,6 +2177,20 @@ p.package-info-categorie -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; + order: 2; +} +#testsystem +{ + display: none; +} +.simple-input .field .btn-search +{ + display: none; +} +#field-sitewide-search { + padding: 0px; + width: 100%; + margin: 0px; } } @@ -2147,4 +2201,62 @@ p.package-info-categorie padding-left: 0px; padding-right: 0px; } +#content +{ + margin-left: 0px; + padding-right: 0px; +} +.dataset-heading { + max-width: unset; + width: 100%; + margin: 0px; +} +/* .dataset-heading a { + max-width: unset; + width: 100%; + margin: 0px; +} */ +.js body.filters-modal .secondary .filters .hide-filters i { + font-size: 32px; +} +.container-fluid.odsh-dataset-item { + width: 100%; + padding: 20px 15px 20px 15px; + box-sizing: border-box; +} +.row.wrapper.is-table-row +{ + width: 100%; + display: flex; + flex-direction: column; +} +.dataset-info.issued +{ + position: relative; +} +ul.dataset-resources +{ + margin: 5px 0px 5px 0px; +} +.stages li .highlight { + text-indent: unset; +} +.tag-container +{ + width: 100%; +} +} +.module-content.page-header +{ + background-color: unset; +} + +@media (max-width: 768px) +{ +.wrapper { + margin: 0; +} +.dataset-edit-form .span6 { + width: 100%; +} } \ No newline at end of file diff --git a/ckanext/odsh/public/odsh_header.css b/ckanext/odsh/public/odsh_header.css index a20e89cde5b543d172e2d3d8974b1b906574445f..13406da5d0baef850855331ea4dc2a51513ed0ad 100644 --- a/ckanext/odsh/public/odsh_header.css +++ b/ckanext/odsh/public/odsh_header.css @@ -251,12 +251,34 @@ float: right; } +@media (max-width: 767px) +{ +.navbar.masthead .navigation .nav-pills li.dropdown +{ + float: none; +} +.nav-pills li a:hover, .nav-pills li:hover { + background-color: rgb(242, 242, 242)!important; +} +.dropdown-backdrop +{ + display: none; +} +.navigation-row { + width: 100%; + padding-left: 0px; + margin-left: auto; + margin-right: auto; +} +} + .navbar.masthead .navigation .nav-pills li.dropdown > .dropdown-toggle { padding-bottom: 12px; padding-top: 12px; } + .user-icon { fill:#003064; @@ -285,4 +307,20 @@ .navbar.masthead .navigation .nav-pills li a:hover .user-icon { fill:white; +} + +@media (max-width: 767px) +{ +.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { + margin-left: 0px; + margin-right: 0px; +} + +.navbar.masthead .nav>li:hover a, +.navbar.masthead .navigation .nav-pills li.open .user-icon, .navbar.masthead .navigation .nav-pills li a:hover .user-icon, +.navbar.masthead .navigation .nav-pills li.dropdown.open > a.dropdown-toggle:hover, .navbar .nav li.dropdown.open > .dropdown-toggle +{ + color: #003064; + fill: #003064; +} } \ No newline at end of file diff --git a/ckanext/odsh/templates/package/search.html b/ckanext/odsh/templates/package/search.html index 5450e12225202c6cc37d226619882e46dd52abec..75ce5e4e537d2d1edecf4eed5d6987f71f8e2f30 100644 --- a/ckanext/odsh/templates/package/search.html +++ b/ckanext/odsh/templates/package/search.html @@ -47,7 +47,6 @@ default_extent="{ \"type\": \"Polygon\", \"coordinates\": [[[7.6574,53.1632],[11 {% for facet in c.facet_titles %} {{ h.snippet('snippets/facet_list.html', title=c.facet_titles[facet], name=facet) }} {% endfor %} - </div> {% block datereange_search %} {% set has_range_filter = request.params.get('ext_startdate') or request.params.get('ext_enddate') %} @@ -86,6 +85,7 @@ default_extent="{ \"type\": \"Polygon\", \"coordinates\": [[[7.6574,53.1632],[11 </div> </nav> </section> + </div> <a class="close no-text hide-filters"><i class="fa fa-times-circle"></i><span class="text">close</span></a> {% endblock %}