aboutsummaryrefslogtreecommitdiffstats
path: root/web/cobrands/sass/_layout.scss
Commit message (Collapse)AuthorAgeLines
* Set `background-color`, not `background` on nav linksZarino Zappia2017-03-30-7/+7
| | | | This makes it easier for cobrands to override nav link styles.
* Force .tablewrapper to use fixed column widthsZarino Zappia2017-01-12-0/+1
| | | | | | Most noticeably, this fixes a long standing bug on the Oxfordshire homepage where the "how to" and list of reports made the right-hand edge of .content spill outside its parent.
* [UK] Refactor WFS asset handling.Matthew Somerville2016-11-11-0/+6
| | | | | | Allow multiple asset layers, and setting of multiple asset attributes. [Bristol] Add Bristol asset layers.
* More robust .with-notes CSS layoutZarino Zappia2016-10-04-42/+88
| | | | | | | | | | | | | | | | | | | | | | 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.
* A couple of CSS improvements on report pageZarino Zappia2016-09-06-23/+26
| | | | | | | | - Harmonise two-column sidebar with .with-notes convention `body.mappage.twocol` is now `body.mappage.with-actions` to make it more obvious that it’s just a special case like `.with-notes`. - Make sidebar padding-bottom work with floated children - Display a.btn elements correctly in Safari
* Add inspector report detail viewDave Arter2016-09-06-0/+23
| | | | | | | | | | | | | 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
* Merge branch '1351-report-list-ajax'Matthew Somerville2016-07-11-1/+1
|\
| * Simplify "rap-notes" visibility togglingZarino Zappia2016-07-11-1/+1
| | | | | | | | | | On mobile, the notes in `#report-a-problem-sidebar` are hidden by default, and can be toggled using the `.rap-notes-trigger`.
* | Make sure map JS works through an admin proxy.Matthew Somerville2016-07-04-3/+3
|/ | | | | Tidy up use of absolute URLs when in the admin. Have the 404 handler spot static files in admin as a fallback.
* Merge branch '1347-fold-back-zurich'Matthew Somerville2016-06-29-1/+20
|\
| * Improve admin report edit page.Matthew Somerville2016-06-29-1/+20
| | | | | | | | | | Show map, break into two columns, fix display of sent time after clicking "Mark as sent", tidy up labels.
* | Remove default box-shadow from .content and asideZarino Zappia2016-06-24-12/+1
|/ | | | | | | Fixes #1419. We also standardize on using `@include box-shadow()` where possible, and clearing out lots of now unnecessary box-shadow resets.
* Fix display in IE7, including front page text.Matthew Somerville2016-06-15-0/+1
| | | | | .tablewrapper was sometimes losing its background, it needs to be given hasLayout.
* Remove most IE8 special cases.Matthew Somerville2016-06-15-26/+6
| | | | | | Document the couple that are left, and fix the display of the logo with a simpler positioning/ less overriding. Drop a needless usage of 'rem' to make things a bit easier there too.
* Remove all IE6 special cases.Matthew Somerville2016-06-15-36/+10
|
* Fix display of close arrow/cross when drawer open.Matthew Somerville2016-06-08-1/+7
| | | | | The 'cross' at mobile widths was not displaying, and the icon was not changing to a down arrow at larger widths.
* Use ::after to fix map sidebar bottom padding.Matthew Somerville2016-06-07-6/+17
| | | | | | This improves upon the previous commit to work with whatever contents the map sidebar has (e.g. the list on an around page was also being cut off before the end).
* Stop bottom of update form disappearingDave Arter2016-06-06-0/+4
| | | | | | 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.
* Fix calculation when header height given in px.Matthew Somerville2016-06-03-2/+7
|
* Merge branch '1350-stop-map-hiding-behind-header'Matthew Somerville2016-06-03-199/+136
|\
| * Remove user-meta; "Your reports" to "Your account"Zarino Zappia2016-06-03-86/+0
| |
| * Absolutely position map pages.Zarino Zappia2016-06-03-107/+130
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | 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.
| * Stop PanZoom giving controls hard-coded positions.Zarino Zappia2016-06-01-6/+6
| | | | | | | | | | We previously used !important to override them in the CSS, but better to prevent them being set in the JavaScript in the first place.
* | Improve CSS compilation.Matthew Somerville2016-05-31-1/+0
|/ | | | | | | | 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.
* Allow override of front page statistics' colour.Matthew Somerville2016-03-29-2/+3
|
* Pad internal update links so they are in view.Matthew Somerville2016-01-19-0/+8
| | | | Fixes #1308.
* Use full relative paths for CSS images.Matthew Somerville2015-12-18-1/+1
| | | | These files may be included by files in a different directory.
* [Hart] Fix missing menu class, tidy remaining.Matthew Somerville2015-10-09-1/+1
| | | | | The changes in 99610f1 missed out adding a class to the footer menu, and a few subsequent changes to the CSS.
* Streamline navigation menu CSS.Matthew Somerville2015-09-28-80/+69
| | | | | Reduce need for specificity. Also fix some bugs in Harrogate base menu display, and couple of other cobrand tweaks.
* Improve accessibility of map pages.Matthew Somerville2015-09-18-2/+7
| | | | | | | | Hide the map with aria-hidden, as all report links are duplicated in the main content. Fix skip map link on mobile (it was disappearing). Place delegate handler on body to prevent e.g. VoiceOver announcing everything underneath .container as clickable. Remove header report button rather than hide off-screen, as is a duplicate link to the previous.
* Centre the login and password reset pages.Zarino Zappia2015-09-17-0/+12
| | | | Remove unnecessary authpage things from other cobrands.
* Update SCSS to handle right-to-left layout.Matthew Somerville2015-09-17-105/+109
| | | | | Adds a '$direction' parameter that can be used to switch all layout to either left or right.
* Add 'iel8' class to handle IE6-8 things.Matthew Somerville2015-09-17-8/+4
| | | | Remove unused 'oldie' (that was IE6-9).
* [Bromley] Update cobrand to use latest FMS stylingSteven Day2015-08-25-1/+3
| | | | | Replaces the existing Bromley council cobrand with a new one that uses the latest FMS styling. Including the new report list/filter sidebar.
* "Report" button in default mobile header, fixes #931Zarino Zappia2015-04-07-2/+5
| | | | | | | | The new button will be inherited by any cobrand that extends fixmystreet/header_logo.html. Styling has been checked in all current cobrands. Also includes a minor fix to header logo margins on narrow screens.
* Simplifed "confirmation-header" for success pages.Zarino Zappia2015-02-19-0/+8
|
* Fix tiny display bug in map sub links navigation.Matthew Somerville2015-01-16-2/+2
|
* Add some bottom padding to .content.Matthew Somerville2015-01-13-1/+2
| | | | | And remove it in footer if present (so that a different background doesn't potentially show through).
* Add encouraging message about help to admin front.Matthew Somerville2014-11-19-152/+5
| | | | Fixes #929. Also move admin hint CSS to base CSS, not just layout.
* Move footer styling to shared stylesheet.Matthew Somerville2014-11-14-0/+65
| | | | This look works well on the default styling also.
* Remove opacity from map controls on mobile.Matthew Somerville2014-11-14-0/+13
| | | | | This crashes at least one mobile browser; not sure why, but we can do without it.
* [fixmystreet.com] Experiment, no pins by default.Matthew Somerville2014-10-17-0/+34
| | | | | | | | This changes the default flow to show no pins and a message about reporting, with the second tab displaying existing problems (and showing map pins). Those existing problems are the ones that would currently be on "problems on the map" followed by those currently on "problems nearby".
* Remove margin from fieldsets, tidy box sizes.Matthew Somerville2014-09-25-8/+1
|
* Remove .general-sidebar-notes, inline text insteadMatthew Somerville2014-09-25-36/+5
| | | | | This removes all "hanging on" sidebars apart from the main reporting a problem one, interspersing the text in the form instead.
* Avoid gap below header on medium width screensZarino Zappia2014-09-24-21/+6
|
* Fix display of user menu on map page.Zarino Zappia2014-09-24-0/+28
|
* On map page, indent logo and expand navigation to width.Matthew Somerville2014-09-24-0/+9
|
* Make map page sidebar flush with edges of window.Matthew Somerville2014-09-24-1/+4
|
* Remove unasked for 'medium' header bottom border.Matthew Somerville2014-09-24-2/+1
| | | | | | Without a bottom border specified, using border-image causes an inherited 'medium' (c. 3px) border to appear. Also repeat header border image, rather than default stretch.
* Minor whitespace fixes.Zarino Zappia2014-09-24-6/+11
|