Fixed form rendering, padding and spacing of buttons, link buttons and action bar in the admin across Chrome, FF, and IE8+.

--HG--
branch : 1.x
This commit is contained in:
Michael Dorian Bach
2011-04-04 20:27:38 -07:00
parent 75a3a8c1f9
commit ba491e6678
10 changed files with 108 additions and 9 deletions

View File

@@ -10,4 +10,11 @@ table.items tr.anonymous {
.anonymous-commenter-id,
.authenticated-commenter-id {
font-style:italic;
}
/* For margin on the comments table list. */
/* Need to revisit */
.orchard-comments .items
{
margin-top: 10px;
}

View File

@@ -11,7 +11,7 @@
}
@using(Html.BeginFormAntiForgeryPost()) {
@Html.ValidationSummary()
@Html.ValidationSummary()
<fieldset class="bulk-actions">
<label for="publishActions">@T("Actions:")</label>
<select id="publishActions" name="@Html.NameOf(m => m.Options.BulkAction)">

View File

@@ -165,6 +165,7 @@ h2.recentlyInstalledModule {padding:0 0 0 40px;}
margin: 0 0 16px 0;
padding-top: 0;
}
.manage {
float: right;
}

View File

@@ -31,7 +31,7 @@
</fieldset>
<fieldset class="search-actions">
<input type="text" id="searchText" name="@Html.NameOf(m => m.Options.SearchText)" value="@Model.Options.SearchText" />
<input type="text" id="searchText" class="text-box single-line" name="@Html.NameOf(m => m.Options.SearchText)" value="@Model.Options.SearchText" />
<button type="submit">@T("Search")</button>
</fieldset>

View File

@@ -34,7 +34,7 @@ display:inline;
vertical-align:middle;
}
#widgets-layers-control a {
margin-left:10px;
margin-left:4px;
}
#widgets-zones, #widgets-zones-orphans, #widgets-available {
@@ -242,4 +242,12 @@ display:none;
/* ...and the current state of the theme zone preview */
#widgets-theme-zone-preview img {
width:100%;
}
/* For link buttons in the widget UI. */
/* Need to revisit */
.orchard-widgets .button, .orchard-widgets a.button
{
padding: 4px 14px 4px 14px;
}

View File

@@ -4,14 +4,28 @@
button, .button, .button:link, .button:visited {
cursor:pointer;
padding:0.1em 0.8em 0.2em 0.8em;
padding: 4px 14px 4px 14px;
text-align:center;
}
.button {
line-height:inherit;
.button:link
{
}
.button, .button:link, .button:visited {
cursor:pointer;
padding: 5px 14px 5px 14px;
text-align:center;
}
.search-actions button {
float:right;
margin: 1px 0 0 5px;
}
.group {
zoom:1;
}
}

View File

@@ -0,0 +1,36 @@
.contentItems {
border:1px solid #D3D2D2;
}
button, .button, .button:link, .button:visited {
background:#6a7b42;
border:1px solid #487328;
color:#fff;
cursor: pointer;
display: inline-block;
font: 12px Arial,Helvetica,sans-serif;
padding: 2px 12px 2px 12px;
margin-left: 4px;
/*position: relative;*/
text-align: center;
text-decoration: none;
/*----In ie the first couplet sets the alpha value so 00=transparent and ff=opaque)----*/
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#ff9bb36c', endColorstr='#ff809f43');
}
.button {
line-height:inherit;
}
.group {
zoom:1;
}
.search-actions {
float: right;
height: auto;
margin: 0 0 4px 0;
padding-top: 0;
}

View File

@@ -0,0 +1,17 @@
.contentItems {
border:1px solid #D3D2D2;
}
button, .button, .button:link, .button:visited {
cursor:pointer;
padding: 4px 14px 4px 14px;
text-align:center;
}
.button {
line-height:inherit;
}
.group {
zoom:1;
}

View File

@@ -710,8 +710,13 @@ button, .button, a.button {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.button, a.button /* For link buttons */
{
padding: 5px 14px 5px 14px;
}
button, input.button, x:-moz-any-link {
padding: 3px 14px 3px 14px;
}
@@ -773,11 +778,15 @@ button.link {
-moz-border-radius:0;
border-radius:0;
}
.cancel {
margin:0 0 0 .93em;
}
.manage {
float:right;
margin-bottom: 16px;
}
.actions {
clear:right;
@@ -874,6 +883,11 @@ table.items th, table.items td {
padding:8px 12px;
}
table.items td .add
{
float: right;
}
/* Content item lists
----------------------------------------------------------*/
.contentItems {

View File

@@ -8,7 +8,9 @@
@{
SetMeta("X-UA-Compatible", "IE=edge,chrome=1");
Style.Include("site.css");
Style.Include("ie.css").UseCondition("lte IE 8").SetAttribute("media", "screen, projection");
Style.Include("ie.css").UseCondition("gte IE 9").SetAttribute("media", "screen, projection");
Style.Include("ie8.css").UseCondition("IE 8").SetAttribute("media", "screen, projection");
Style.Include("ie7.css").UseCondition("lte IE 7").SetAttribute("media", "screen, projection");
Script.Require("jQuery");
Script.Require("ShapesBase");
Script.Include("admin.js");