diff --git a/core/misc/icons/0074bd/chevron-left.png b/core/misc/icons/0074bd/chevron-left.png
new file mode 100644
index 0000000..e42435d
--- /dev/null
+++ b/core/misc/icons/0074bd/chevron-left.png
@@ -0,0 +1,3 @@
+PNG
+
+
IHDR a EIDATxݓ ɑ28d |5p#鑔'A,ɂ,pnr/?zG IENDB`
\ No newline at end of file
diff --git a/core/misc/icons/0074bd/chevron-left.svg b/core/misc/icons/0074bd/chevron-left.svg
new file mode 100644
index 0000000..122e1c0
--- /dev/null
+++ b/core/misc/icons/0074bd/chevron-left.svg
@@ -0,0 +1 @@
+
diff --git a/core/misc/icons/0074bd/chevron-right.png b/core/misc/icons/0074bd/chevron-right.png
new file mode 100644
index 0000000..e2ff9a9
--- /dev/null
+++ b/core/misc/icons/0074bd/chevron-right.png
@@ -0,0 +1,3 @@
+PNG
+
+
IHDR a FIDATxݓ C;#eqh~PNi1vtGB-#)@`;^zG IENDB`
\ No newline at end of file
diff --git a/core/misc/icons/0074bd/chevron-right.svg b/core/misc/icons/0074bd/chevron-right.svg
new file mode 100644
index 0000000..b16a8ce
--- /dev/null
+++ b/core/misc/icons/0074bd/chevron-right.svg
@@ -0,0 +1 @@
+
diff --git a/core/misc/jquery.intrinsic.js b/core/misc/jquery.intrinsic.js
new file mode 100644
index 0000000..e05beaf
--- /dev/null
+++ b/core/misc/jquery.intrinsic.js
@@ -0,0 +1,51 @@
+/**
+ * @file
+ * Measure an element’s intrinsic width or height when neither constrained by
+ * a container nor forced full width as in 'display: block'.
+ */
+(function ($) {
+ 'use strict';
+
+ // Style block applied momentarily in order to measure the element.
+ //
+ // 1. Shrink-wrap the element. Block display would give us the width of the
+ // container, not the element’s intrinsic width.
+ // 2. Preventative measure. The styles should be reverted before the browser’s
+ // UI thread updates.
+ //
+ // We avoid 'position: absolute' because this causes the element to wrap if
+ // it’s wider than the viewport, regardless of the width of and .
+ //
+ var tempElementCSS = {
+ display: 'table', /* 1 */
+ visibility: 'hidden', /* 2 */
+ width: 'auto',
+ height: 'auto',
+ maxWidth: 'none',
+ maxHeight: 'none'
+ };
+
+ // Style block applied momentarily to the body in order to ensure the
+ // element’s layout area isn’t constrained.
+ //
+ var tempBodyCSS = {
+ width: '999em',
+ height: '999em'
+ };
+
+ $.fn.intrinsic = function (dimension) {
+ // The measured element may be a plain object or jQuery.
+ var element = this instanceof jQuery ? this[0] : this;
+ var measurement;
+
+ // Use jQuery’s internal swap() method to temporarily apply the styles, then
+ // measure the element’s width() or height().
+ $.swap(document.body, tempBodyCSS, function () {
+ $.swap(element, tempElementCSS, function () {
+ measurement = $(element)[dimension]();
+ });
+ });
+
+ return measurement;
+ };
+})(jQuery);
diff --git a/core/modules/shortcut/css/shortcut.icons.css b/core/modules/shortcut/css/shortcut.icons.css
index d7f5970..a3d4ce2 100644
--- a/core/modules/shortcut/css/shortcut.icons.css
+++ b/core/modules/shortcut/css/shortcut.icons.css
@@ -25,44 +25,23 @@
* Add/remove links.
*/
.add-or-remove-shortcuts .icon {
- background: transparent url("../images/shortcut-add.png") no-repeat;
- height: 12px;
- margin-left: 8px; /* LTR */
- overflow: hidden;
- text-indent: 12px;
- width: 12px;
+ background: transparent url('../images/favstar.svg') no-repeat left top;
+ width: 20px;
+ height: 20px;
+ vertical-align: 3px;
+ text-indent: -999em;
}
.no-svg .add-or-remove-shortcuts .icon {
- background: transparent url("../images/shortcut-add.png") no-repeat;
+ background-image: url('../images/favstar.png');
}
-[dir="rtl"] .add-or-remove-shortcuts .icon {
- margin-left: 0;
- margin-right: 8px;
-}
-[dir="rtl"] .add-or-remove-shortcuts .text {
- padding: 0 10px 0 6px;
-}
-[dir="rtl"] .add-or-remove-shortcuts a:focus .text,
-[dir="rtl"] .add-or-remove-shortcuts a:hover .text {
- border-radius: 5px 0 0 5px;
-}
-.add-shortcut a:focus .icon,
-.add-shortcut a:hover .icon {
- background-position: 0 -12px; /* LTR */
-}
-[dir="rtl"] .add-shortcut a:focus .icon,
-[dir="rtl"] .add-shortcut a:hover .icon {
- background-position: 0 -24px;
+.add-shortcut a:hover .icon,
+.add-shortcut a:focus .icon {
+ background-position: -20px top;
}
.remove-shortcut .icon {
- margin-top: 4px;
- background-position: -12px 0;
+ background-position: -40px top;
}
.remove-shortcut a:focus .icon,
.remove-shortcut a:hover .icon {
- background-position: -12px -12px; /* LTR */
-}
-[dir="rtl"] .remove-shortcut a:focus .icon,
-[dir="rtl"] .remove-shortcut a:hover .icon {
- background-position: -12px -24px;
+ background-position: -60px top; /* LTR */
}
diff --git a/core/modules/shortcut/css/shortcut.module.css b/core/modules/shortcut/css/shortcut.module.css
index 05672e9..9ec5829 100644
--- a/core/modules/shortcut/css/shortcut.module.css
+++ b/core/modules/shortcut/css/shortcut.module.css
@@ -7,13 +7,11 @@
* Add/remove links.
*/
.add-or-remove-shortcuts .icon {
- display: block;
- float: left; /* LTR */
+ display: inline-block;
margin-top: 5px;
}
.add-or-remove-shortcuts .text {
display: none;
- float: left; /* LTR */
padding-top: 2px;
}
[dir="rtl"] .add-or-remove-shortcuts .icon,
diff --git a/core/modules/shortcut/css/shortcut.theme.css b/core/modules/shortcut/css/shortcut.theme.css
index 018f328..3d29110 100644
--- a/core/modules/shortcut/css/shortcut.theme.css
+++ b/core/modules/shortcut/css/shortcut.theme.css
@@ -19,3 +19,12 @@
[dir="rtl"] .toolbar .toolbar-tray-horizontal .edit-shortcuts {
float: right;
}
+
+/**
+ * Add/remove links.
+ */
+.add-or-remove-shortcuts {
+ display: inline-block;
+ margin-left: 0.3em;
+}
+
diff --git a/core/modules/shortcut/images/favstar.png b/core/modules/shortcut/images/favstar.png
new file mode 100755
index 0000000..bd51fde
--- /dev/null
+++ b/core/modules/shortcut/images/favstar.png
@@ -0,0 +1,8 @@
+PNG
+
+
IHDR P غ IDATXGXkPSG{@X"tF?RG೭'QecSZz[!Z:(@m%Gl"vFhA^{{21$&Ow&ݳߞ
b 㚝(&ܩ<~N#`lZF6AuL$p,nGz88xDTiƆDn##m/ 7L\x*dqV@!@j694orM&O^6.ji#ҧ*dfZ[_JbP34O)y$6'ڲ#M9pOwGg,ndx0*ɍ#'P6{}2U'ӦpaZKlRد
+f5I1U5E6kmk3#Ï>G5?ԜМVPJ( e18s,JDneU䕱m$S1qg8 /EfGG-6k{ Ww$xP