chrome/renderer/resources/extensions/inject_app_titlebar.js

   1 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
   2 // Use of this source code is governed by a BSD-style license that can be
   3 // found in the LICENSE file.
   4
   5 exports.didCreateDocumentElement = function() {
   6   var root = document.documentElement.createShadowRoot();
   7   root.appendChild(document.createElement('style')).innerText =
   8       // TODO(jeremya): switch this to use automatic inlining once grit
   9       // supports inlining into JS. See http://crbug.com/146319.
  10       "x-titlebar { height: 24px; width: 100%; " +
  11         "position: fixed; left: 0; top: 0; }\n" +
  12       "div { margin-top: 24px; position: absolute; top: 0px; width: 100%; " +
  13         "-webkit-widget-region: region(control rectangle); }\n" +
  14       ":-webkit-full-screen * { display: none; }\n" +
  15       ":-webkit-full-screen-document * { display: none; }\n" +
  16       "div:-webkit-full-screen, div:-webkit-full-screen-document { " +
  17         "margin-top: 0; }\n" +
  18       "button { -webkit-widget-region: region(control rectangle); }\n" +
  19       "button.close { border: 0; background-color: transparent; " +
  20       "width: 16px; height: 16px; " +
  21       "position: absolute; right: 4px; top: 4px; }\n" +
  22       "button.close { background-image: url(data:image/png;base64," +
  23       "iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA9ElEQVQ4T7VTQQ6CMBCk0H" +
  24       "AyIfAQbiZ+QHyDL/QLxqvx4MWDB+MvFAWMAuKsacmmSjkQSDbQ2Z3Z3WkQzsBHDOQ7owgs" +
  25       "MdUacTGmi3BeIFYcNycgciGlfFRVtcd3qoojz/PmdV0XOD8RGy1iCoQgT5G8IyREjni7IC" +
  26       "cg58ilwA7A8i4BwgMUxkKIV9M0PggTAoFlJpnwLhO5iEuFapq2s20CyoWIGbpeaRICyrI8" +
  27       "89FtAtqwGxdQ65yYsV8NcwVN5obR/uTJW4mQsfp2fgToGjPqbBjWeoJVfNRsbSskSO7+7B" +
  28       "sAiznZdgu6Qe97lH+htysv+AA10msRAt5JYQAAAABJRU5ErkJggg==); }\n" +
  29       "button.close:hover { background-image: url(data:image/png;base64," +
  30       "iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABTElEQVQ4T2NkoBAwUqifAc" +
  31       "WA////KwANFAPiV4yMjA+QDcclBzcApCA6Otpz2bJluQkJCf3z58/fDTMEnxyyAWZADQuA" +
  32       "tj4B4ncpKSnbZs+efQjkCqjBmUDmMyD+ADSwD6j2FEgOxQWJiYmuCxYscIYawpWamnr89+" +
  33       "/fHECxbKjmB2VlZbs6OzsvwFyHEQZATXZz5syxAGr4BMR8QCwJDYvn1dXVO1taWi4ihw9G" +
  34       "LID8m5aWZgt0viXUEBaQAUDNh9E1o3gBFuIgA6Be8QKK3QXiLyA5oNMvIDsdph7DC9AASw" +
  35       "cquI9sAJDNk5GRcX769OlHsXoBKapAoQ2KiQcgPwMDkbGrq8sGyP8DChNQwM6aNeswRiAC" +
  36       "DYBF4yOgwnuwAAM5NTMz03rGjBnWsIAFql2ANxqB/l2B7F/kgCUYjUBbyEvKsFAllaY4Nw" +
  37       "IAmJDPEd+LFvYAAAAASUVORK5CYII=); }\n" +
  38       "button.close:active { background-image: url(data:image/png;base64," +
  39       "iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAZ0lEQVQ4T2NkoBAwUqifge" +
  40       "oG2AFd1AfERUB8CM11WOXQXXAGSROyITDNMGkTGAPdAHSFIENAAOQqGEBxHbYwQDcE2ScY" +
  41       "XsMViNgMwRYuOGOBIgMo8gLFgUi1aCQ7IZGcNaieF0h2AQCMABwRdsuhtQAAAABJRU5Erk" +
  42       "Jggg==); }\n"
  43   var titlebar = root.appendChild(document.createElement('x-titlebar'));
  44   var closeButton = titlebar.appendChild(document.createElement('button'));
  45   closeButton.className = 'close'
  46   closeButton.addEventListener('click', function() { window.close(); });
  47   var container = root.appendChild(document.createElement('div'));
  48   container.appendChild(document.createElement('content'));
  49 }