aboutsummaryrefslogtreecommitdiffstats
path: root/web/cobrands/oxfordshire/layout.scss
Commit message (Collapse)AuthorAgeLines
* Add shortlist buttons to report lists.Matthew Somerville2017-01-12-10/+3
| | | | | | | This includes adding/removing reports from a user's shortlist, and manual reordering of a shortlist with up/down buttons. The backend code can cope with an item moving to any point in the list.
* More robust .with-notes CSS layoutZarino Zappia2016-10-04-4/+5
| | | | | | | | | | | | | | | | | | | | | | When this commit is finished, modern browsers will have a far less buggy layout on .with-notes pages. The main improvements are: 1. Simplified padding on .with-notes columns, allowing us to link to an individual column (eg: /inspect#side-report-secondary) without the browser scrolling down to jump over the #map_sidebar padding on desktop browsers. Making hash fragment scrolling work means we can automatically scroll Inspectors down to the Inspect form, when they click the Inspect button on mobile devices, without worrying about it breaking the desktop experience. 2. Flexible .with-notes column widths, meaning the layout no longer breaks when long sidebar content triggers a scrollbar and decreases the usable width of the sidebar. A predefined width for #side-report means we can make sure .shadow-wrap is the correct width, despite its fixed position taking it out of the document flow. We make a trade-off on mid-size screens (768-960px), of hiding the map to keep the two-column sidebar usable. Will revisit if it turns out this causes problems later on.
* Tidied up .btn class and button-reset mixinZarino Zappia2016-10-04-3/+4
| | | | | | | | | | | | | Even though FMS has had a `.btn` class for a while, styling buttons has still been difficult, mainly because of the very opinionated base styles applied to overpowered selectors like `input[type="submit"]`. This commit brings the FMS styles more in line with modern frameworks like Bootstrap – inputs and buttons are left completely unstyled by default, with an opt-in `.btn` class to add the styles back in. Since `.btn` is just a single class, it’s easy to override, and avoids selector bloat like `.green-btn, button.green-btn, input.green-btn`.
* Styling for .extra-category-questions containerZarino Zappia2016-09-20-2/+9
|
* [Oxfordshire] Fix narrow nav on adminDave Arter2016-09-08-1/+1
|
* Add inspector report detail viewDave Arter2016-09-06-4/+9
| | | | | | | | | | | | | Users with the `report_inspect` permission can click a new 'inspect' button on a report page to input more detailed problem information into a new form that appears in a column alongside the report detail. - Inspector data is stored in problem's 'extra' field - Report category/state can be edited - Location can be changed by dragging the pin or HTML5 geolocation (Factored out Zurich admin pin drag into own function) For mysociety/fixmystreetforcouncils#22
* [Oxfordshire] Use relative image paths in CSS.Matthew Somerville2016-07-06-3/+3
|
* Remove default box-shadow from .content and asideZarino Zappia2016-06-24-19/+9
| | | | | | | Fixes #1419. We also standardize on using `@include box-shadow()` where possible, and clearing out lots of now unnecessary box-shadow resets.
* Stop bottom of update form disappearingDave Arter2016-06-06-5/+0
| | | | | | On IE9 the bottom of the update form was being obscured by the shadow above the report abuse /updates/nearby buttons for signed-in users.
* Merge branch '1350-stop-map-hiding-behind-header'Matthew Somerville2016-06-03-56/+23
|\
| * Remove user-meta; "Your reports" to "Your account"Zarino Zappia2016-06-03-21/+1
| |
| * Absolutely position map pages.Zarino Zappia2016-06-03-35/+22
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | This simplifies the page layout and code. We add a new #map_sidebar for sidebar positioning, and a $mappage-header-height (defaulting to 4em) variable. We no longer need: * position_map_box; * map_fix; * special visual centre calculation; or * custom pan zoom positioning. As the sidebar now scrolls by itself and nothing can extend outside: * The big-green-banner is set to 100% width (with negative margins no longer required); * For cobrands that have an overhanging sidebar (e.g. Zurich), we add a .with-notes variant that adds a second column to the sidebar, perfect for containing secondary notes about the form. The resizing of the banner also required some tweaking to the size of the chevron-white SVG images. Update the $.fn.drawer() method for the new layout. Works well in IE7+8, and degrades gracefully in IE6. For IE7, we remove the existing z-index hacks, and put a new, simpler, one in, and fix a CSS bug that was hiding the map. Various cobrands are updated to adapt to the changes.
* | Improve CSS compilation.Matthew Somerville2016-05-31-1/+1
|/ | | | | | | | Move to using libsass via CSS::Sass, and stop using compass, supplying any used mixins directly. This removes the need for any ruby/gem based installation, and greatly increases the speed of compilation. make_css is also enhanced, bringing in the file monitoring previously done by a separate script and improving its dependency monitoring.
* Improve item list CSS.Matthew Somerville2015-10-09-5/+5
| | | | | | | | | | | | Generally, a rewrite of issue-list-a to item-list--reports or item-list--wards (two different uses) and issue-list to item-list--updates, with subsequent renames/changes to children. For those cobrands using a different list showing a pin icon, use item-list__item--with-pin to stop needing to override existing classes. Fix a variety of niggling issues e.e ward list display, or overloading of the .text class.
* Add state/category filters to base cobrand.Matthew Somerville2015-10-07-1/+1
| | | | | | | This removes the on map/nearby tabs, replacing them with one combined list. The styling is moved to the base, so that it is used on mobile too. A closed option is added to the existing dropdown, and the base/fixmystreet my templates are also combined. Fixes #1141.
* Remove unneeded report-list and list-a classes.Matthew Somerville2015-10-01-2/+2
|
* Add 'iel8' class to handle IE6-8 things.Matthew Somerville2015-09-17-1/+1
| | | | Remove unused 'oldie' (that was IE6-9).
* [Oxfordshire] Move council info into own section of report pageZarino Zappia2015-07-23-0/+29
| | | | | | | | | | Oxfordshire reports have a council Reference Number, and an estimate of how long they'll take to be fixed. To make this information easier to parse, we've broken it out into its own section, between the problem description and updates. Conflicts: web/cobrands/oxfordshire/base.scss
* [Oxfordshire] Full screen map designZarino Zappia2015-07-23-65/+221
| | | | | | | | | - Replace .big-green-banner with .click-the-map Design follows similar change in Collideoscope. #skip-this-step link is hidden for normal users, shown when tabbed to, or when javascript is disabled. - Move RSS link to bottom of sidebar - Combine 'on the map' and 'nearby' tabs into a single list
* Remove .general-sidebar-notes, inline text insteadMatthew Somerville2014-09-25-17/+0
| | | | | This removes all "hanging on" sidebars apart from the main reporting a problem one, interspersing the text in the form instead.
* Various fixes to cobrands post zero content marginMatthew Somerville2014-09-24-5/+0
|
* Factor out some CSS colours, so that default layout CSS has no overrides.Matthew Somerville2013-10-25-5/+0
|
* [Oxfordshire] Make the font face/size consistent on around pageChris Mytton2013-09-16-5/+0
| | | | Fixes mysociety/FixMyStreet-Commercial#416
* [Oxfordshire] Fix min-height on .containerChris Mytton2013-08-29-1/+1
|
* Remove OCC text from map footer on Oxfordshire cobrandChris Mytton2013-08-29-10/+0
|
* Fix styles for Oxfordshire homepage search boxChris Mytton2013-08-13-1/+7
| | | | Closes #512
* Simplify styles for OCC map instructionsChris Mytton2013-08-12-8/+3
|
* Use css to position occ messageChris Mytton2013-08-12-1/+4
|
* Alter general sidebar notes cssChris Mytton2013-08-12-9/+18
|
* Make sure changes only affect the map pageChris Mytton2013-08-12-8/+13
|
* Fix stacking of the sticky-sidebarChris Mytton2013-08-12-0/+1
|
* Scope .content changes to oxfordshire map pageChris Mytton2013-08-12-7/+20
|
* Fix map layout in IE7Chris Mytton2013-08-12-1/+1
|
* Make sure IE8 display content correctlyChris Mytton2013-08-12-1/+1
|
* Fix margins in ieChris Mytton2013-08-12-6/+0
|
* Add ie fix for big green banner on oxfordshireChris Mytton2013-08-12-0/+5
|
* Styles for oxfordshire extra textChris Mytton2013-08-12-4/+18
|
* Increase height of oxfordshire mapChris Mytton2013-08-12-1/+4
|
* Styles for the big green banner on oxfordshireChris Mytton2013-08-12-0/+10
|
* Reduce the width of the sidebarChris Mytton2013-08-12-4/+4
|
* Fix positioning of the sidebarChris Mytton2013-08-12-0/+8
|
* Don't put the text in the document flowChris Mytton2013-08-12-13/+0
|
* Make sure the map is draggableChris Mytton2013-08-12-0/+3
|
* Enforce a min-height on the container for oxfordshire mapChris Mytton2013-08-09-1/+4
|
* Don't specify units in css for 0Chris Mytton2013-08-09-1/+1
|
* Fix left margin of map at smaller breakpoint for oxfordshireChris Mytton2013-08-09-0/+1
|
* Add the box shadow back to the map content boxChris Mytton2013-08-08-2/+0
|
* Fix spacing around content on oxfordshire mapChris Mytton2013-08-08-1/+8
|
* Make the oxfordshire map wrapper full widthChris Mytton2013-08-08-2/+2
|
* Move SCSS includes to separate directory.Matthew Somerville2013-05-24-1/+1
| | | | | This prevents warnings/errors when compiling in newer versions of SASS to do with overlapping filenames.