diff --git a/core/modules/shortcut/css/shortcut.icons.css b/core/modules/shortcut/css/shortcut.icons.css index d7f5970..d356696 100644 --- a/core/modules/shortcut/css/shortcut.icons.css +++ b/core/modules/shortcut/css/shortcut.icons.css @@ -25,42 +25,29 @@ * 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: text-bottom; + 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 */ +.add-shortcut a:hover .icon, +.add-shortcut a:focus .icon { + background-position: -20px top; } [dir="rtl"] .add-shortcut a:focus .icon, [dir="rtl"] .add-shortcut a:hover .icon { background-position: 0 -24px; } .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 */ + background-position: -60px top; /* LTR */ } [dir="rtl"] .remove-shortcut a:focus .icon, [dir="rtl"] .remove-shortcut a:hover .icon { 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 + + IHDRPغ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[_JbP 34O)y$6'ڲ#M9pOwGg,ndx0*ɍ#'P6{}2U'ӦpaZKlRد +f5I1U5E6kmk3#Ï>G5?ԜМ VPJ( e18s,JD neU䕱m$S1qg8 /EfGG-6k{ Ww$xP{K(c߭ŨwZx96aS߭W'0^pgmkW%&5DT*jٵvլIST%!L8ٽ>E! +3M͠D[ڳ浊$)#c:D@$ؕ5͇ܟ6?|o!E2XdVdҚlv⡜5q՗AA~/ۺGu>I&՗!<7mfVE>scxХSd ꃥΏLhƃwU"a^n4J-y՚LSy@65L4tڒqh{:I@U?]1oW7TQ$vCk c@IM2gIk"mI_x89Ώzi rne#Ҧ׮I&O )֖niyzJOK:3qAj6@)RJ]NQoT3aYX ǂ^h⡄|Rp•nWo3y 3׸"`^k_@ppiv;WÓ&5 Lf[pyB? IENDB` \ No newline at end of file diff --git a/core/modules/shortcut/images/favstar.svg b/core/modules/shortcut/images/favstar.svg new file mode 100644 index 0000000..cb50c24 --- /dev/null +++ b/core/modules/shortcut/images/favstar.svg @@ -0,0 +1,87 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/core/modules/shortcut/images/shortcut-add.png b/core/modules/shortcut/images/shortcut-add.png deleted file mode 100644 index 2924557..0000000 --- a/core/modules/shortcut/images/shortcut-add.png +++ /dev/null @@ -1,5 +0,0 @@ -PNG - - IHDR$ -gAMA|QPLTEإ~~~NNNlllHHHEEExxxɥpql---cd_KKK_`[| tRNSlo6e-IDAT(]Y0DB&vO7vg,>ЃZOdIAs8~/ͱ>`lL0 KfN.)~A3sژFli&8AĭJ*!ub朔{e춦c}T>U4 )EV{T52UfjJJd,U -RtWkpe:v~*s q٢,_B5/2[ddr[̜BҬwyT6VC7B% SV%[d7̹)]w1_M];<<=6a8mڴ[IENDB` \ No newline at end of file diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css index c628c55..c8006fe 100644 --- a/core/themes/seven/style.css +++ b/core/themes/seven/style.css @@ -200,9 +200,21 @@ pre { */ #branding { overflow: hidden; - padding: 20px 20px 0 20px; /* LTR */ - position: relative; background-color: #e0e0d8; + padding: 24px 0 12px; +} +/* This layout styling is a copy of #page. + * @TODO: Replace with reuseable layout classes. + **/ +.branding__inner { + margin-left: 1.25em; + margin-right: 1.25em; +} +@media screen and (min-width:45em) { /* 720px */ + .branding__inner { + margin-left: 2.5em; + margin-right: 2.5em; + } } [dir="rtl"] #branding { padding: 20px 20px 0 20px; @@ -233,16 +245,16 @@ pre { * Page title. */ #page-title { - background: #333; padding-top: 20px; } -#branding h1.page-title { - color: #000; +#branding .page-title { + color: #333; + display: inline-block; margin: 0; - padding-bottom: 10px; - font-size: 1.385em; - font-weight: normal; - float: left; /* LTR */ + font-size: 1.625em; + line-height: 1.875em; + font-weight: 600; + -webkit-font-smoothing: antialiased; } [dir="rtl"] #branding h1.page-title { float: right; @@ -1033,7 +1045,7 @@ body.in-maintenance #page { padding-top: 2em; width: 90%; } -body.in-maintenance #branding h1 { +body.in-maintenance .branding__inner { max-width: 770px; margin: 0 auto; float: none; @@ -1138,10 +1150,7 @@ h1#overlay-title { /* Shortcut theming */ .add-or-remove-shortcuts a:focus span.text, .add-or-remove-shortcuts a:hover span.text { - color: #fff; - background-color: #5f605b; - padding: 0 6px; - border-radius: 5px; + display: none; } /* Field UI */ diff --git a/core/themes/seven/templates/maintenance-page.html.twig b/core/themes/seven/templates/maintenance-page.html.twig index ecd7286..28b3e0f 100644 --- a/core/themes/seven/templates/maintenance-page.html.twig +++ b/core/themes/seven/templates/maintenance-page.html.twig @@ -24,7 +24,9 @@ {{ page_top }}
- {% if title %}

{{ title }}

{% endif %} +
+ {% if title %}

{{ title }}

{% endif %} +
diff --git a/core/themes/seven/templates/page.html.twig b/core/themes/seven/templates/page.html.twig index 5a50431..fb8a6cb 100644 --- a/core/themes/seven/templates/page.html.twig +++ b/core/themes/seven/templates/page.html.twig @@ -66,15 +66,16 @@ */ #}
- {{ breadcrumb }} - {{ title_prefix }} - {% if title %} -

{{ title }}

- {% endif %} - {{ title_suffix }} - {% if primary_local_tasks %} - {{ primary_local_tasks }} - {% endif %} +
+ {{ title_prefix }} + {% if title %} +

{{ title }}

+ {% endif %} + {{ title_suffix }} + {% if primary_local_tasks %} + {{ primary_local_tasks }} + {% endif %} +