cst1/openstreetmap-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Replace CSS-driven borders with bootstrap borders

Browse source 
This makes future refactoring easier, since the elements will
retain their borders even if the hierarchy changes.

Also round some maps and the legale section since I think those now
look nicer.
This commit is contained in:
Andy Allan 2021-11-17 17:33:14 +00:00
parent f433fb3d4e
commit 52cd62bf13
10 changed files with 27 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

25
app/assets/stylesheets/common.scss
View file

@ -79,6 +79,16 @@ a {
color: $blue;
}
/* Rules for borders */
/* These add additional colours to those provided by bootstrap */
.border-grey {
border-color: $grey !important;
}
.border-lightgrey {
border-color: $lightgrey !important;
}
/* Rules for the header */
#menu-icon {
@ -802,11 +812,6 @@ tr.turn:hover {
border-bottom: none;
}
.paginate {
border: 1px solid $lightgrey;
border-radius: 3px;
}
.browse-field {
margin-bottom: 10px;
@ -830,8 +835,6 @@ tr.turn:hover {
.browse-tag-list {
background-color: $offwhite;
border: 1px solid $grey;
border-radius: 3px;
table-layout: fixed;
border-collapse: separate;
border-spacing: 0;
@ -954,8 +957,6 @@ tr.turn:hover {
.export_boxy {
background: $lightgrey;
border: 1px solid $grey;
border-radius: 3px;
#maxlat { margin-top: -1px; }
#minlon {
@ -1063,7 +1064,6 @@ tr.turn:hover {
.content_map {
height: 200px;
border: 1px solid $grey;
margin-bottom: $lineheight;
}
@ -1132,7 +1132,6 @@ tr.turn:hover {
.diary_entries {
#map {
height: 400px;
border: 1px solid $grey;
display: none;
margin-bottom: $lineheight;
}
@ -1180,7 +1179,6 @@ tr.turn:hover {
.users-terms {
.legale {
border: 1px solid $grey;
padding: $lineheight;
margin-bottom: $lineheight;
overflow: auto;
@ -1378,13 +1376,11 @@ tr.turn:hover {
img.user_image {
max-width: 100px;
max-height: 100px;
border: 1px solid $grey;
}
img.user_thumbnail {
max-width: 50px;
max-height: 50px;
border: 1px solid $grey;
}
img.user_thumbnail_tiny {
@ -1392,7 +1388,6 @@ img.user_thumbnail_tiny {
height: auto;
max-width: 25px;
max-height: 25px;
border: 1px solid $grey;
}
/* Rules for geo microformats */