Commit graph

649 commits

Author SHA1 Message Date
Andy Allan
e157b37ce5 Rename nav-related body classes
This makes it clearer that the classes are only for navigation menu
matters. Other things should be done on media queries, or ideally,
using bootstrap components like grids.

This has a side effect of removing the smaller font size from the
body when the navigation menu is in the small-nav state.
2020-07-15 11:40:02 +02:00
Andy Allan
58050240d6 Move the login form rules to be based on screen size
Ideally this would be refactored to be mobile-first, but is likely
to be replaced by more general bootstrap form refactoring anyway.
2020-07-15 11:21:08 +02:00
Andy Allan
46bd1a9a2e Remove webkit-appearance: none
This is the default anyway, and we don't need this for anything specific.
2020-07-15 11:19:29 +02:00
Andy Allan
3f6fd290d7 Rework the about header size change to be based on the screen width, not the menu state
Also reworks to be mobile-first
2020-07-15 10:48:04 +02:00
Andy Allan
988446c307 Remove dead CSS code - nothing has the user_map class 2020-07-15 10:35:19 +02:00
Tom Hughes
cfb2f2988c Merge remote-tracking branch 'upstream/pull/2698' 2020-07-08 19:10:01 +01:00
Tom Hughes
efa2c20bff Merge remote-tracking branch 'upstream/pull/2696' 2020-07-08 19:09:55 +01:00
Andy Allan
1977e66ace Use bootstrap text-muted in place of custom deemphasze class
This avoids changing anything related to forms, since they will be
switched over to bootstrap separately.
2020-07-08 18:30:15 +02:00
Andy Allan
6d9434e14d Remove some extraneous css
The trace part is actually removing html, but I thought it was CSS
when I first noticed the blank space on the page.
2020-07-08 16:57:49 +02:00
Andy Allan
8192c0bd17 Rework the users#show page to avoid custom column css
This uses bootstrap instead, ensuring the map shows before the
text on small screens, but to the right of it on md+ widths. The
height of the map also changes at this breakpoint instead of being
based on the menu width (body.small).

The account edit page was also changed to match the content_map
changes, and a full width map is now used. This can be changed, if
required, using bootstrap breakpoints but I like it as it is.
2020-07-08 16:46:15 +02:00
Andy Allan
8cd83426cc Make the back button not look disabled
This switches the message buttons to use bootstrap, so that we can have a back button that looks clickable.

Alternative implementation of #2386
2020-07-04 11:20:46 +02:00
Quincy Morgan
4d88d1677a Fix issue with iD embedded document sometimes showing scrollbars 2020-05-07 09:11:45 -07:00
Quincy Morgan
570db89eb8 Move document-level styling for iD to its stylesheet 2020-04-28 10:54:43 -07:00
Andy Allan
92ca406995
Merge pull request #2547 from bezdna/mobile-layout
Trigger small screen layout based on the width of the screen, rather than the width of the menus.
2020-04-15 16:50:12 +02:00
Andy Allan
055a976051 Remove custom table styling
This removes the custom table styling code, and move to using bootstrap table styling for almost all remaining tables.
2020-04-01 12:29:01 +02:00
Andy Allan
5fdada204c Use bootstrap table striping to replace hand-cycled table stripes
This cuts down on the complexity of having to use the `cycle` function
and makes the templates easier to read. CSS-based striping has been
around for many years.

The CSS is in order to keep our custom colour for striped tables.
2020-03-18 12:14:24 +01:00
Andy Allan
b0c50ab344 Enable remaining bootstrap components
Fixes #2511
2020-03-18 11:16:03 +01:00
hikemaniac
74142661e3 Moved CSS rule 2020-03-14 16:39:21 +01:00
hikemaniac
ed076ebd61 Fix border-radius for search query input field 2020-03-14 16:06:46 +01:00
Anton Melnichuk
b9c2829e75 css layout change only in content block 2020-02-27 10:29:37 +02:00
Anton Melnichuk
248ad3ae05 the layout is triggered not by JS, but by media queries, now some map bugs have gone away themselves
fix #2349 #2035 #1864
@tomhughes: 'Duplicate of many, many other tickets.'
2020-02-21 10:08:38 +02:00
Andy Allan
9ce2822b3d Fix border spacing for sidebar tags and routing tables
The reset code for border spacing was removed in 5c933868db and
led to minor artifacts in these two tables.
2020-01-30 13:34:56 +01:00
Andy Allan
404024f621 Tweak the dropdown menu hover and active colours 2020-01-29 18:23:47 +01:00
Andy Allan
b97d2d98ae Further tweaks to the navigation dropdown button colours 2020-01-29 18:23:47 +01:00
Andy Allan
523f84d103 Don't highlight border when hovering on user-menu button 2020-01-29 18:23:47 +01:00
Andy Allan
5ce212de83 Styling for disabled edit button 2020-01-29 18:23:47 +01:00
Andy Allan
290d2a2308 Tweak positioning of inbox count on the user menu button 2020-01-29 18:23:47 +01:00
Andy Allan
e5c33c119a Switch to bootstrap for dropdowns and tooltips
Due to the javascript involved, it was more straightforward to combine
the two together. Moving to bootstrap v4 for dropdowns required some
redesign of the dropdown menu html, and the opportunity was taken to
move to using standard buttons for those menus.
2020-01-29 18:23:47 +01:00
Andy Allan
a3795cddbb Move the search results to use list-group-flush 2020-01-16 12:39:13 +01:00
Andy Allan
5c933868db Remove last custom reset styles 2020-01-15 17:16:11 +01:00
Andy Allan
ecf8590214 Remove more reset styles that are handled by bootstrap 2020-01-15 17:16:11 +01:00
Andy Allan
ce3b92c035 Remove some reset styles and clearfix
These are included in bootstrap
2020-01-15 17:16:11 +01:00
Andy Allan
65c3c2a915 Remove list style reset, and add overrides where necessary
This allows the bootstrap list typography to work without being overridden. It also means
that lists look like normal lists by default, instead of needing to be recreated from
scratch each time. Only the cases where padding and discs are unwanted need to have
custom CSS.
2020-01-15 17:16:11 +01:00
Andy Allan
f885cfe0f5 Rename form-row to standard-form-row to avoid clashing with a bootstrap class 2020-01-15 17:16:11 +01:00
Tom Hughes
ee8ce8c3ab Merge remote-tracking branch 'upstream/pull/2507' 2020-01-15 14:19:11 +00:00
Tom Hughes
50b2f4f656 Merge remote-tracking branch 'upstream/pull/2505' 2020-01-15 12:17:10 +00:00
Andy Allan
cd801b2c12 Rework issues display page to be responsive
This change uses the bootstrap grid to make the issues page responsive,
and avoids having lots of custom widths of divs specified via CSS.

It also changes the display of the reports and comments to be more
like diary entry comments, by having all metadata on one line and shown
before the comment / report text.
2020-01-15 12:20:27 +01:00
Tom Hughes
928465764e Merge remote-tracking branch 'upstream/pull/2499' 2020-01-09 10:36:31 +00:00
Tom Hughes
e39d227dd0 Merge remote-tracking branch 'upstream/pull/2498' 2020-01-09 10:31:37 +00:00
Tom Hughes
ffb671b80d Fix indentation of query results 2020-01-09 10:26:16 +00:00
Andy Allan
59f0760bf3 Remove the custom basic grid css rules
This is now unused, and the bootstrap grid is much more powerful.
2020-01-08 17:36:38 +01:00
Andy Allan
523565fb21 Use bootstrap grid for signup page
This allows us to have the two sections one above the other on small screens,
with the call to action text first, and then side-by-side above the sm
breakpoint with the cta on the right.
2020-01-08 17:26:11 +01:00
Andy Allan
82fd7a10ac Remove the custom layout css from the terms page
This uses bootstrap utilities where necessary. It also removes the
terms page from a padding override, which was then in turn overridden
by a padding class applied to the form!
2020-01-08 17:04:53 +01:00
Andy Allan
f0ee117cff Refactor the welcome page to use the bootstrap grid and alert box
The two columns work well side-by-side even at small screen widths.
2020-01-08 16:41:17 +01:00
Andy Allan
0b1aafb701 Refactor the fixthemap page to use the bootstrap responsive grid
This ensures that on small screens, the 'how to help' sections
are one above the other, and on larger screens they are side-by-side
2020-01-08 16:27:39 +01:00
Andy Allan
68422c7ff2 Remove extra styling for rss icon
This brings it into line with e.g. the new diary entry icon
2020-01-08 16:08:18 +01:00
Andy Allan
827123a8f6 Rework changeset descriptions to use h6 tags, and refactor changeset lists to use list-group-flush
The descriptions are probably best not as a header, but still needs to be something more prominent than surrounding text.
2020-01-08 16:04:45 +01:00
Andy Allan
1a9595862f Remove font size override on sidebar tags tables 2020-01-08 16:01:07 +01:00
Andy Allan
712e67ed4a Refactor the query results to use bootstrap list-group-flush 2020-01-08 16:00:18 +01:00
Tom Hughes
e7332b0c41 Merge remote-tracking branch 'upstream/pull/2491' 2020-01-02 13:29:26 +00:00