CalvinBackup/iD
1
0
Fork 0
mirror of https://github.com/FoggedLens/iD.git synced 2026-05-22 00:07:03 +02:00
Code Issues Packages Projects Releases Wiki Activity

Finish help, improve text and styling

Browse Source
This commit is contained in:
Bryan Housel
2018-02-27 15:34:22 -05:00
parent d87a43d33a
commit e9750140ec
4 changed files with 168 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/80_app.css
+40 -24
View File
@@ -2006,14 +2006,15 @@ div.combobox {
.field-help-body {
display: block;
position: absolute;
top: 0;
left: 20px;
right: 20px;
margin: 5px;
padding: 8px;
border: 1px solid #ccc;
border-top: 0;
border-radius: 0 0 4px 4px;
margin-left: 5px;
margin-right: 5px;
top: 0;
z-index: 20;
max-height: 550px;
background: rgba(255,255,255,0.95);
box-shadow: 0 0 30px 5px rgba(0,0,0,.4);
}
@@ -2021,13 +2022,31 @@ div.combobox {
.field-help-title h2 {
padding: 10px;
margin-bottom: 0px;
font-size: 16px;
font-size: 17px;
}
.field-help-title button {
width: 45px;
height: 55px;
border-radius: 0;
}
.field-help-title button {
width: 32px;
height: 40px;
border-radius: 0;
.field-help-nav {
font-size: 13px;
font-weight: bold;
margin-bottom: 10px;
}
.field-help-nav-item {
display: inline-block;
padding: 5px 10px;
cursor: pointer;
color: #666;
}
.field-help-nav-item.active {
color: #7092ff;
}
.field-help-nav-item:hover {
color: #597be7;
background-color: #efefef;
}
.field-help-content {
@@ -2035,21 +2054,23 @@ div.combobox {
overflow-y: auto;
overflow-x: hidden;
}
.field-help-content h3 {
font-size: 12px;
margin-bottom: 5px;
}
.field-help-content p {
margin-bottom: 5px;
margin-bottom: 15px;
}
.field-help-content ul li {
list-style: inside;
margin-bottom: 5px;
}
.field-help-content .field-help-image {
width: 100%;
margin-bottom: 15px;
}
.field-help-content svg.turn {
width: 40px;
height: 20px;
@@ -2072,17 +2093,12 @@ div.combobox {
color: #68f;
}
.field-help-nav {
position: relative;
}
.field-help-nav a {
float: left;
width: 50%;
text-align: center;
}
.field-help-nav-item {
display: inline-block;
list-style: none;
.field-help-content p.from_shadow,
.field-help-content p.allow_shadow,
.field-help-content p.restrict_shadow,
.field-help-content p.allow_turn,
.field-help-content p.restrict_turn {
margin-bottom: 5px;
}