Drupal
/
drupal
mirror of https://git.drupalcode.org/project/drupal.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Issue #2016875 by echoz, LewisNyman, rteijeiro, ry5n: Admin navigation list style update.

8.0.x
webchick 2013-09-24 21:52:43 +02:00
parent 013669a29d
commit d05b3d3311
8 changed files with 21 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
core/misc/icons/bebebe/chevron-disc-left.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 176 B

1
core/misc/icons/bebebe/chevron-disc-left.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#bebebe" d="M8.002 1c-3.868 0-7.002 3.133-7.002 7 0 3.865 3.134 7 7.002 7 3.865 0 7-3.135 7-7 0-3.867-3.135-7-7-7zm2.348 10.482l-.977.977c-.195.193-.514.193-.707 0l-4.108-4.105c-.194-.195-.194-.514 0-.708l4.108-4.105c.193-.194.512-.194.707 0l.979.977c.191.194.191.513 0 .707l-2.422 2.421c-.195.194-.195.515 0 .708l2.419 2.421c.196.19.196.512.001.707z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 435 B

BIN
core/misc/icons/bebebe/chevron-disc-right.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 178 B

1
core/misc/icons/bebebe/chevron-disc-right.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#bebebe" d="M8.002 1c-3.868 0-7.002 3.135-7.002 7 0 3.867 3.134 7 7.002 7 3.865 0 7-3.133 7-7 0-3.865-3.135-7-7-7zm3.441 7.357l-4.106 4.104c-.194.191-.514.191-.708 0l-.978-.979c-.194-.193-.194-.518 0-.707l2.423-2.421c.195-.195.195-.514 0-.708l-2.422-2.421c-.194-.194-.194-.513 0-.707l.977-.977c.194-.194.514-.194.708 0l4.106 4.108c.191.194.191.515 0 .708z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 440 B

13
core/modules/system/css/system.admin.css
View File

@ -14,12 +14,7 @@ div.admin-panel .description {
margin: 0 0 3px;
padding: 2px 0 3px 0;
}
div.admin-panel .body {
padding: 0 4px 2px 8px; /* LTR */
}
[dir="rtl"] div.admin-panel .body {
padding: 0 8px 2px 4px;
}
div.admin {
padding-top: 15px;
}
@ -27,22 +22,16 @@ div.admin {
div.admin .left {
float: left; /* LTR */
width: 47%;
margin-left: 1em; /* LTR */
}
[dir="rtl"] div.admin .left {
float: right;
margin-left: 0;
margin-right: 1em;
}
div.admin .right {
float: right; /* LTR */
width: 47%;
margin-right: 1em; /* LTR */
}
[dir="rtl"] div.admin .right {
float: left;
margin-left: 1em;
margin-right: 0;
}
}
div.admin .expert-link {

BIN
core/themes/seven/images/list-item-rtl.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 225 B

BIN
core/themes/seven/images/list-item.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 195 B

26
core/themes/seven/style.css
View File

@ -439,13 +439,13 @@ ul.inline li {
ul.inline li {
display: inline;
}
.admin-list {
ul.admin-list {
margin: 0;
padding: 0;
}
.admin-list li {
position: relative;
border-top: 1px solid #ccc;
border-top: 1px solid #bfbfbf;
margin: 0;
list-style-type: none;
list-style-image: none;
@ -455,24 +455,34 @@ ul.inline li {
border: none;
}
.admin-list li a {
background: url(images/list-item.png) no-repeat 9px 11px; /* LTR */
background: url(../../misc/icons/bebebe/chevron-disc-right.svg) no-repeat 1px 16px; /* LTR */
display: block;
padding: 9px 9px 9px 39px; /* LTR */
padding: 14px 15px 14px 25px; /* LTR */
min-height: 0;
}
.no-svg .admin-list li a {
background-image: url(../../misc/icons/bebebe/chevron-disc-right.png); /* LTR */
}
[dir="rtl"] .admin-list li a {
background: url(images/list-item-rtl.png) no-repeat right 11px;
padding: 9px 39px 9px 9px;
background: url(../../misc/icons/bebebe/chevron-disc-left.svg) no-repeat right 16px;
padding-right: 25px;
padding-left: 15px;
}
.no-svg [dir="rtl"] .admin-list li a {
background-image: url(../../misc/icons/bebebe/chevron-disc-left.png);
}
.admin-list.compact li a {
background-image: none;
padding: 2px 19px;
padding: 2px 0;
}
.admin-list li a:hover,
.admin-list li a:focus,
.admin-list li a:active {
text-decoration: none;
}
.admin-list li a .label {
font-size: 1.0769em;
}
.admin-list li a:hover .label,
.admin-list li a:focus .label,
.admin-list li a:active .label {
@ -681,7 +691,7 @@ div.description,
margin: 5px 0;
line-height: 1.231em;
font-size: 0.923em;
color: #666;
color: #555;
}
ul.tips li {
margin: 0.25em 0 0.25em 1.5em; /* LTR */