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

styled radio menus.

Browse Source
This commit is contained in:
saman bb
2013-04-14 23:37:19 -04:00
parent a594465b90
commit c87bf425e7
5 changed files with 66 additions and 416 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/app.css
+60 -11
View File
@@ -217,11 +217,9 @@ ul.toggle-list {
ul.toggle-list li a {
position: relative;
padding: 5px 10px;
padding: 5px 10px 5px 25px;
display:block;
border-top: 1px solid #ccc;
white-space:nowrap;
text-overflow:ellipsis;
}
ul.toggle-list li:first-child a {
@@ -254,6 +252,28 @@ ul.link-list li:last-child {
padding-left: 0;
}
.toggle-list a::before {
content: "";
display: inline-block;
border-radius: 50%;
height: 12px;
width: 12px;
margin-right: 10px;
border: 1px solid #CCC;
position: absolute;
left: 5px;
top: 8px;
}
.toggle-list a:hover::before {
box-shadow: inset 0 0 0 2px white;
}
.toggle-list a.selected::before {
background: #7092ff;
box-shadow: inset 0 0 0 2px white;
}
/* Utility Classes
------------------------------------------------------- */
.fillL {
@@ -1100,21 +1120,38 @@ input[type=number] {
/* Preset form radio button */
.radio-wrap {
display: block;
overflow: hidden;
border-radius: 0 0 4px 4px;
}
.radio-wrap button {
position: relative;
text-align: left;
font-weight: normal;
padding: 2px 5px;
height: 30px;
border-radius: 0;
border-bottom: 1px solid #CCC;
color: #7092FF;
width: 100%;
padding-left: 25px;
}
.radio-wrap button::before {
content: "";
display: inline-block;
border-radius: 50%;
height: 12px;
width: 12px;
margin-right: 10px;
border: 1px solid #CCC;
position: absolute;
left: 5px;
top: 8px;
}
.radio-wrap button:hover::before {
box-shadow: inset 0 0 0 2px white;
}
.radio-wrap button.active::before {
background: #7092ff;
box-shadow: inset 0 0 0 2px white;
}
.radio-wrap button:last-child {
@@ -1125,6 +1162,18 @@ input[type=number] {
background-color: #E8EBFF !important;
}
.radio-wrap button.remove {
border-radius: 0 0 3px 3px;
}
.radio-wrap button.remove .icon {
position: absolute;
left: 2px;
}
.radio-wrap button.remove::before {
content: none;
}
.form-field .wiki-lang {
width: 30%;
border-right: none;
@@ -1158,7 +1207,7 @@ input[type=number] {
#preset-input-maxspeed {
border-right: none;
border-radius: 0;
border-radius: 0 0 0 4px;
width: 80%;
}