CalvinBackup/iD
1
0
Fork 0
mirror of https://github.com/FoggedLens/iD.git synced 2026-06-01 12:41:36 +02:00
Code Issues Packages Projects Releases Wiki Activity

work on hover state.

Browse Source
This commit is contained in:
saman bb
2013-05-23 00:16:21 -04:00
committed by John Firebaugh
parent 5f65ae179a
commit 3ae7d1206b
1 changed files with 65 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/app.css
+65 -7
View File
@@ -685,13 +685,6 @@ a:hover .icon.out-link { background-position: -500px -14px;}
display: none;
}
.inspector-hover .header button.preset-reset,
.inspector-hover .header button.preset-close,
.inspector-hover .more-buttons,
.inspector-hover .inspector-external-links {
display: none;
}
.inspector-wrap .header button.preset-reset > div {
height: 100%;
padding: 20px 0;
@@ -724,6 +717,7 @@ a:hover .icon.out-link { background-position: -500px -14px;}
border: 0;
}
/* Presets
------------------------------------------------------- */
@@ -924,10 +918,15 @@ a:hover .icon.out-link { background-position: -500px -14px;}
padding-left: 20px;
padding-right: 20px;
}
.inspector-preset .form-field:first-child {
margin-top: 10px;
}
.inspector-preset .form-field:last-child {
padding-bottom: 20px;
}
.form-label {
position: relative;
font-weight: bold;
@@ -973,6 +972,65 @@ a:hover .icon.out-link { background-position: -500px -14px;}
border-radius: 0 0 4px 0;
}
.tag-wrap .inspector-external-links {
border-top: 1px solid #ccc;
}
/* Preset form (hover mode) */
/* Remember to set up transitions between these states and the active versions */
.inspector-hover textarea,
.inspector-hover input[type=text],
.inspector-hover input[type=search],
.inspector-hover input[type=number],
.inspector-hover input[type=url],
.inspector-hover input[type=tel],
.inspector-hover input[type=email] {
background-color: #f6f6f6;
}
.inspector-hover .checkselect input[type="checkbox"] {
width: 0;
overflow: hidden;
opacity: 0;
margin: 0;
}
.inspector-hover button.minor,
.inspector-hover .combobox-carat,
.inspector-hover button,
.inspector-hover .spin-control,
.inspector-hover .hide-toggle:before,
.inspector-hover .more-buttons,
.inspector-hover .tag-list,
.inspector-hover .inspector-external-links {
opacity: 0;
}
.inspector-hover .tag-list {
height: 0;
overflow: hidden;
}
.inspector-hover .hide-toggle {
color: #a9a9a9;
padding-left: 0;
}
.inspector-hover .more-buttons,
.inspector-hover .inspector-external-links {
height: 0;
padding: 0;
}
/* Hacky overrides to d3 animations,
should probably be fixed in the d3 code */
.inspector-hover .inspector-preset .form-field {
padding-top: 10px !important;
max-height: none !important;
opacity: 1 !important;
}
/* adding additional preset fields */
.more-buttons {