Fixed #25378 -- Improved tab through experience in admin.

This commit is contained in:
Ryan Allen 2015-09-11 15:55:39 -05:00 committed by Tim Graham
parent c9a02bc8f5
commit 25cccca0a2
4 changed files with 93 additions and 46 deletions

View File

@ -20,10 +20,14 @@ a:link, a:visited {
text-decoration: none;
}
a:hover {
a:focus, a:hover {
color: #036;
}
a:focus {
text-decoration: underline;
}
a img {
border: none;
}
@ -33,6 +37,10 @@ a.section:link, a.section:visited {
text-decoration: none;
}
a.section:focus, a.section:hover {
text-decoration: underline;
}
/* GLOBAL DEFAULTS */
p, ol, ul, dl {
@ -308,7 +316,7 @@ table thead th .text a {
padding: 8px 10px;
}
table thead th.sortable:hover {
table thead th .text a:focus, table thead th .text a:hover {
background: #eee;
}
@ -359,10 +367,12 @@ table thead th.sorted .sortoptions a.sortremove:after {
color: #999;
}
table thead th.sorted .sortoptions a.sortremove:focus:after,
table thead th.sorted .sortoptions a.sortremove:hover:after {
color: #447e9b;
}
table thead th.sorted .sortoptions a.sortremove:focus,
table thead th.sorted .sortoptions a.sortremove:hover {
background-position: 0 -14px;
}
@ -371,6 +381,7 @@ table thead th.sorted .sortoptions a.ascending {
background-position: 0 -28px;
}
table thead th.sorted .sortoptions a.ascending:focus,
table thead th.sorted .sortoptions a.ascending:hover {
background-position: 0 -42px;
}
@ -380,6 +391,7 @@ table thead th.sorted .sortoptions a.descending {
background-position: 0 -56px;
}
table thead th.sorted .sortoptions a.descending:focus,
table thead th.sorted .sortoptions a.descending:hover {
background-position: 0 -70px;
}
@ -405,7 +417,6 @@ input[type=number], textarea, select, .vTextField {
border-radius: 4px;
padding: 5px 6px;
margin-top: 0;
outline: none;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus,
@ -428,7 +439,6 @@ select[multiple] {
background: #79aec8;
padding: 10px 15px;
border: none;
outline: none;
border-radius: 4px;
color: #fff;
cursor: pointer;
@ -439,6 +449,7 @@ a.button {
}
.button:active, input[type=submit]:active, input[type=button]:active,
.button:focus, input[type=submit]:focus, input[type=button]:focus,
.button:hover, input[type=submit]:hover, input[type=button]:hover {
background: #609ab6;
}
@ -455,6 +466,7 @@ a.button {
}
.button.default:active, input[type=submit].default:active,
.button.default:focus, input[type=submit].default:focus,
.button.default:hover, input[type=submit].default:hover {
background: #205067;
}
@ -633,7 +645,7 @@ div.breadcrumbs a {
color: #fff;
}
div.breadcrumbs a:hover {
div.breadcrumbs a:focus, div.breadcrumbs a:hover {
color: #c4dce8;
}
@ -658,8 +670,9 @@ a.deletelink:link, a.deletelink:visited {
color: #CC3434;
}
a.deletelink:hover {
a.deletelink:focus, a.deletelink:hover {
color: #993333;
text-decoration: none;
}
/* OBJECT TOOLS */
@ -704,18 +717,26 @@ a.deletelink:hover {
color: #fff;
}
.object-tools a:hover, .object-tools li:hover a {
.object-tools a:focus, .object-tools a:hover {
background-color: #417690;
}
.object-tools a.viewsitelink, .object-tools a.golink {
background: #999 url(../img/tooltag-arrowright.svg) 93% center no-repeat;
.object-tools a:focus{
text-decoration: none;
}
.object-tools a.viewsitelink, .object-tools a.golink,.object-tools a.addlink {
background-repeat: no-repeat;
background-position: 93% center;
padding-right: 26px;
}
.object-tools a.viewsitelink, .object-tools a.golink {
background-image: url(../img/tooltag-arrowright.svg);
}
.object-tools a.addlink {
background: #999 url(../img/tooltag-add.svg) 93% center no-repeat;
padding-right: 26px;
background-image: url(../img/tooltag-add.svg);
}
/* OBJECT HISTORY */
@ -802,7 +823,7 @@ table#change-history tbody th {
color: #fff;
}
#header a:hover {
#header a:focus , #header a:hover {
text-decoration: underline;
}
@ -849,7 +870,7 @@ table#change-history tbody th {
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
#user-tools a:hover {
#user-tools a:focus, #user-tools a:hover {
text-decoration: none;
border-bottom-color: #79aec8;
color: #79aec8;
@ -909,6 +930,7 @@ table#change-history tbody th {
}
.delete-confirmation form input[type="submit"]:active,
.delete-confirmation form input[type="submit"]:focus,
.delete-confirmation form input[type="submit"]:hover {
background: #a41515;
}
@ -926,11 +948,11 @@ table#change-history tbody th {
}
.delete-confirmation form .cancel-link:active,
.delete-confirmation form .cancel-link:focus,
.delete-confirmation form .cancel-link:hover {
background: #ccc;
}
/* POPUP */
.popup #content {
padding: 20px;

View File

@ -93,7 +93,6 @@
}
#changelist #toolbar form #searchbar:focus {
outline: none;
border-color: #999;
}
@ -108,6 +107,7 @@
color: #333;
}
#changelist #toolbar form input[type="submit"]:focus,
#changelist #toolbar form input[type="submit"]:hover {
border-color: #999;
}
@ -168,10 +168,6 @@
color: #999;
}
#changelist-filter a:hover {
color: #036;
}
#changelist-filter li.selected {
border-left: 5px solid #eaeaea;
padding-left: 10px;
@ -182,6 +178,12 @@
color: #5b80b2;
}
#changelist-filter a:focus, #changelist-filter a:hover,
#changelist-filter li.selected a:focus,
#changelist-filter li.selected a:hover {
color: #036;
}
/* DATE DRILLDOWN */
.change-list ul.toplinks {
@ -203,6 +205,7 @@
color: #999;
}
.change-list ul.toplinks .date-back a:focus,
.change-list ul.toplinks .date-back a:hover {
color: #036;
}
@ -232,7 +235,7 @@
color: #5b80b2;
}
.paginator a.showall:hover {
.paginator a.showall:focus, .paginator a.showall:hover {
background: none;
color: #036;
}
@ -248,7 +251,7 @@
vertical-align: top;
}
.paginator a:hover {
.paginator a:focus, .paginator a:hover {
color: white;
background: #036;
}
@ -309,6 +312,10 @@
margin-left: 10px;
}
#changelist .actions select:focus {
border-color: #999;
}
#changelist .actions label {
display: inline-block;
vertical-align: middle;
@ -329,6 +336,6 @@
color: #333;
}
#changelist .actions .button:hover {
#changelist .actions .button:focus, #changelist .actions .button:hover {
border-color: #999;
}

View File

@ -53,7 +53,6 @@ form ul.radiolist label {
form ul.radiolist input[type="radio"] {
margin: -2px 4px 0 0;
padding: 0;
outline: none;
}
form ul.inline {
@ -276,6 +275,7 @@ body.popup .submit-row {
color: #fff;
}
.submit-row a.deletelink:focus,
.submit-row a.deletelink:hover,
.submit-row a.deletelink:active {
background: #a41515;
@ -460,7 +460,6 @@ body.popup .submit-row {
background: url(../img/icon-addlink.svg) 0 1px no-repeat;
padding-left: 16px;
font-size: 12px;
outline: 0; /* Remove dotted border around link */
}
.empty-form {

View File

@ -90,26 +90,32 @@
display: block;
text-indent: -3000px;
overflow: hidden;
cursor: default;
opacity: 0.3;
}
.active.selector-add, .active.selector-remove {
opacity: 1;
}
.active.selector-add:hover, .active.selector-remove:hover {
cursor: pointer;
}
.selector-add {
background: url(../img/selector-icons.svg) 0 -96px no-repeat;
cursor: default;
}
.active.selector-add {
.active.selector-add:focus, .active.selector-add:hover {
background-position: 0 -112px;
cursor: pointer;
}
.selector-remove {
background: url(../img/selector-icons.svg) 0 -64px no-repeat;
cursor: default;
}
.active.selector-remove {
.active.selector-remove:focus, .active.selector-remove:hover {
background-position: 0 -80px;
cursor: pointer;
}
a.selector-chooseall, a.selector-clearall {
@ -121,38 +127,41 @@ a.selector-chooseall, a.selector-clearall {
font-weight: bold;
line-height: 16px;
color: #666;
text-decoration: none;
opacity: 0.3;
}
a.selector-chooseall {
padding: 0 18px 0 0;
}
a.selector-clearall {
padding: 0 0 0 18px;
}
a.active.selector-chooseall:focus, a.active.selector-clearall:focus,
a.active.selector-chooseall:hover, a.active.selector-clearall:hover {
color: #447e9b;
}
a.active.selector-chooseall, a.active.selector-clearall {
opacity: 1;
}
a.active.selector-chooseall:hover, a.active.selector-clearall:hover {
cursor: pointer;
}
a.selector-chooseall {
padding: 0 18px 0 0;
background: url(../img/selector-icons.svg) right -160px no-repeat;
cursor: default;
}
a.active.selector-chooseall {
a.active.selector-chooseall:focus, a.active.selector-chooseall:hover {
background-position: 100% -176px;
cursor: pointer;
}
a.selector-clearall {
padding: 0 0 0 18px;
background: url(../img/selector-icons.svg) 0 -128px no-repeat;
cursor: default;
}
a.active.selector-clearall {
a.active.selector-clearall:focus, a.active.selector-clearall:hover {
background-position: 0 -144px;
cursor: pointer;
}
/* STACKED SELECTORS */
@ -283,6 +292,7 @@ table p.datetime {
background: url(../img/icon-clock.svg) 0 0 no-repeat;
}
.datetimeshortcuts a:focus .clock-icon,
.datetimeshortcuts a:hover .clock-icon {
background-position: 0 -16px;
}
@ -292,6 +302,7 @@ table p.datetime {
top: -1px;
}
.datetimeshortcuts a:focus .date-icon,
.datetimeshortcuts a:hover .date-icon {
background-position: 0 -16px;
}
@ -428,6 +439,7 @@ span.clearable-file-input label {
color: #444;
}
.calendar td a:focus, .timelist a:focus,
.calendar td a:hover, .timelist a:hover {
background: #79aec8;
color: white;
@ -446,7 +458,8 @@ span.clearable-file-input label {
padding: 1px 3px;
}
.calendarnav a:link, #calendarnav a:visited, #calendarnav a:hover {
.calendarnav a:link, #calendarnav a:visited,
#calendarnav a:focus, #calendarnav a:hover {
color: #999;
}
@ -474,6 +487,7 @@ span.clearable-file-input label {
background: url(../img/calendar-icons.svg) 0 0 no-repeat;
}
.calendarbox .calendarnav-previous:focus,
.calendarbox .calendarnav-previous:hover {
background-position: 0 -15px;
}
@ -483,6 +497,7 @@ span.clearable-file-input label {
background: url(../img/calendar-icons.svg) 0 -30px no-repeat;
}
.calendarbox .calendarnav-next:focus,
.calendarbox .calendarnav-next:hover {
background-position: 0 -45px;
}
@ -496,7 +511,7 @@ span.clearable-file-input label {
color: #333;
}
.calendar-cancel:hover {
.calendar-cancel:focus, .calendar-cancel:hover {
background: #ddd;
}
@ -524,10 +539,9 @@ ul.timelist, .timelist li {
width: 16px;
height: 16px;
border: 0px none;
outline: 0; /* Remove dotted border around link */
}
.inline-deletelink:hover {
.inline-deletelink:focus, .inline-deletelink:hover {
cursor: pointer;
}
@ -542,6 +556,11 @@ ul.timelist, .timelist li {
}
.related-widget-wrapper-link:link {
opacity: .8;
}
.related-widget-wrapper-link:link:focus,
.related-widget-wrapper-link:link:hover {
opacity: 1;
}