Improve padding consistency and readability on new i2ptunnel edit config pages

This commit is contained in:
hankhill19580
2020-04-17 23:13:18 +00:00
parent 3716ccc3ef
commit 823dc72eaa
3 changed files with 49 additions and 11 deletions

View File

@@ -39,7 +39,7 @@
<tr>
<th>
<%=intl._t("Name")%>
</th><th>
</th><th class="excludeBackgroundImage">
<%=intl._t("Type")%>
</th>
</tr><tr>
@@ -51,7 +51,7 @@
</tr><tr>
<th>
<%=intl._t("Description")%>
</th><th>
</th><th class="excludeBackgroundImage">
<%=intl._t("Auto Start Tunnel")%>
</th>
</tr><tr>

View File

@@ -38,7 +38,7 @@
<tr>
<th>
<%=intl._t("Name")%>
</th><th>
</th><th class="excludeBackgroundImage">
<%=intl._t("Type")%>
</th>
</tr><tr>
@@ -50,7 +50,7 @@
</tr><tr>
<th>
<%=intl._t("Description")%>
</th><th>
</th><th class="excludeBackgroundImage">
<%=intl._t("Auto Start Tunnel")%>
</th>
</tr><tr>
@@ -138,7 +138,7 @@
<th>
<%=intl._t("Website Hostname")%>
</th>
<th></th>
<th class="excludeBackgroundImage"></th>
</tr><tr>
<td colspan="2">
<input type="text" size="20" id="websiteName" name="spoofedHost" title="<%=intl._t("Website Hostname e.g. mysite.i2p")%>" value="<%=editBean.getSpoofedHost(curTunnel)%>" class="freetext" />
@@ -150,7 +150,7 @@
<tr>
<th>
<%=intl._t("Local destination")%>
</th><th>
</th><th class="excludeBackgroundImage">
<%=intl._t("Private key file")%>
</th>
</tr><tr>

View File

@@ -491,13 +491,51 @@ td.infohelp {
display: inline-block;
}
.tunnelConfigExpanded {
background: url(images/dropdown_active.png) left center no-repeat #f8f8ff !important;
html body#tunnelEditPage form div.panel table#serverTunnelEdit.tunnelConfig tbody tr th{
background: url(images/dropdown.png) #f8f8ff;
background-repeat: no-repeat !important;
background-position: 1%, 15% !important;
padding-left: 30px;
}
table.tunnelConfig th {
background: url(images/dropdown.png) left center no-repeat #f8f8ff;
padding-left: 18px;
html body#tunnelEditPage form div.panel table#serverTunnelEdit.tunnelConfig tbody tr th:hover {
background: url(images/dropdown_hover.png) #f8f8ff;
background-repeat: no-repeat !important;
background-position: 1%, 15% !important;
padding-left: 30px;
}
table.tunnelConfig th,
html body#tunnelEditPage form div.panel table#serverTunnelEdit.tunnelConfig tbody tr th[colspan='2'],
html body#tunnelEditPage form div.panel table#serverTunnelEdit.tunnelConfig tbody tr th[colspan='2'] {
background: url(images/dropdown.png) #f8f8ff;
background-repeat: no-repeat !important;
background-position: .5%, 15% !important;
padding-left: 30px;
}
table.tunnelConfig th:hover,
html body#tunnelEditPage form div.panel table#clientTunnelEdit.tunnelConfig tbody tr th[colspan='2']:hover,
html body#tunnelEditPage form div.panel table#serverTunnelEdit.tunnelConfig tbody tr th[colspan='2']:hover {
background: url(images/dropdown_hover.png) #f8f8ff;
background-repeat: no-repeat !important;
background-position: .5%, 15% !important;
padding-left: 30px;
}
.tunnelConfigExpanded {
background: url(images/dropdown_active.png) #f8f8ff !important;
padding-left: 30px;
}
.tunnelConfigContracted {
background: url(images/dropdown.png) #f8f8ff !important;
padding-left: 30px;
}
.excludeBackgroundImage {
background-image: none !important;
padding-left: 30px;
}
.tunnelProperties {