phillip/ingress-intel-total-conversion
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[missions] use DOM instead of HTML string manipulation

Browse Source
This commit is contained in:
fkloft
2015-04-11 23:45:09 +02:00
parent 8fff4e3be9
commit 8ac1305110
2 changed files with 266 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

119
plugins/missions.css Normal file
View File

@ -0,0 +1,119 @@
.plugin-mission-summary {
padding: 5px;
border-top: black solid 1px;
min-height: 50px;
position: relative;
clear: left;
}
.plugin-mission-summary.checked::after {
content: "✓";
display: block;
pointer-events: none;
position: absolute;
text-align: center;
color: rgba(255, 187, 0, 0.3);
left: 5px;
top: 5px;
font-size: 50px;
line-height: 50px;
width: 50px;
}
.plugin-mission-summary:first-child {
border-top-width: 0px;
}
.plugin-mission-summary.checked {
background-color: rgba(255, 187, 0, 0.3);
}
.plugin-mission-summary > img {
float: left;
cursor: pointer;
width: 50px;
margin-right: 10px;
margin-bottom: 10px;
}
.plugin-mission-summary > a, .plugin-mission-summary > h4 {
display: block;
font-weight: bold;
font-size: 1.3em;
margin: 0 0 2px 60px;
}
.plugin-mission-summary > br {
margin-bottom: 2px;
}
.plugin-mission-info img {
height: 14px;
margin-right: 8px;
vertical-align: top;
}
.plugin-mission-summary description {
white-space: pre;
margin-left: 110px;
}
.plugin-mission-details .plugin-mission-summary.checked::after {
left: 0px;
top: 0px;
font-size: 100px;
line-height: 100px;
width: 100px;
}
.plugin-mission-details .plugin-mission-summary {
padding: 0;
background-color: transparent;
}
.plugin-mission-details .plugin-mission-summary > img {
width: 100px;
}
.plugin-mission-details ol {
clear: left;
list-style: none;
margin: 0;
padding: 0;
}
.plugin-mission-portal-indicator {
position: relative;
text-align: center;
float: left;
line-height: 18px;
height: 18px;
width: 18px;
margin-right: 5px;
}
.plugin-mission-portal-indicator div {
border-color: currentcolor transparent transparent;
border-style: solid;
border-width: 2px 1px;
box-sizing: border-box;
height: 0;
left: 6px;
position: absolute;
top: 0;
transform-origin: 4px 9px 0;
width: 8px;
}
.plugin-mission-waypoint .title {
font-size: 18px;
font-weight: bold;
}
.plugin-mission-waypoint label {
clear: left;
display: block;
}
.plugin-mission-waypoint input {
box-sizing: border-box;
margin: 3px 5px 8px 0;
width: 18px;
}