third_party/WebKit/Source/core/layout/LayoutThemeDefault.cpp

   1 /*
   2  * Copyright (C) 2007 Apple Inc.
   3  * Copyright (C) 2007 Alp Toker <alp@atoker.com>
   4  * Copyright (C) 2008 Collabora Ltd.
   5  * Copyright (C) 2008, 2009 Google Inc.
   6  * Copyright (C) 2009 Kenneth Rohde Christiansen
   7  *
   8  * This library is free software; you can redistribute it and/or
   9  * modify it under the terms of the GNU Library General Public
  10  * License as published by the Free Software Foundation; either
  11  * version 2 of the License, or (at your option) any later version.
  12  *
  13  * This library is distributed in the hope that it will be useful,
  14  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  15  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
  16  * Library General Public License for more details.
  17  *
  18  * You should have received a copy of the GNU Library General Public License
  19  * along with this library; see the file COPYING.LIB.  If not, write to
  20  * the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
  21  * Boston, MA 02110-1301, USA.
  22  *
  23  */
  24
  25 #include "config.h"
  26 #include "core/layout/LayoutThemeDefault.h"
  27
  28 #include "core/CSSValueKeywords.h"
  29 #include "core/layout/LayoutObject.h"
  30 #include "core/layout/LayoutProgress.h"
  31 #include "core/layout/LayoutThemeFontProvider.h"
  32 #include "core/paint/MediaControlsPainter.h"
  33 #include "platform/LayoutTestSupport.h"
  34 #include "platform/PlatformResourceLoader.h"
  35 #include "platform/graphics/Color.h"
  36 #include "platform/scroll/ScrollbarTheme.h"
  37 #include "public/platform/Platform.h"
  38 #include "public/platform/WebThemeEngine.h"
  39
  40 namespace blink {
  41
  42 enum PaddingType {
  43     TopPadding,
  44     RightPadding,
  45     BottomPadding,
  46     LeftPadding
  47 };
  48
  49 static const int styledMenuListInternalPadding[4] = { 1, 4, 1, 4 };
  50
  51 // These values all match Safari/Win.
  52 static const float defaultControlFontPixelSize = 13;
  53 static const float defaultCancelButtonSize = 9;
  54 static const float minCancelButtonSize = 5;
  55 static const float maxCancelButtonSize = 21;
  56 static const float defaultSearchFieldResultsDecorationSize = 13;
  57 static const float minSearchFieldResultsDecorationSize = 9;
  58 static const float maxSearchFieldResultsDecorationSize = 30;
  59
  60 static bool useMockTheme()
  61 {
  62     return LayoutTestSupport::isRunningLayoutTest();
  63 }
  64
  65 unsigned LayoutThemeDefault::m_activeSelectionBackgroundColor = 0xff1e90ff;
  66 unsigned LayoutThemeDefault::m_activeSelectionForegroundColor = Color::black;
  67 unsigned LayoutThemeDefault::m_inactiveSelectionBackgroundColor = 0xffc8c8c8;
  68 unsigned LayoutThemeDefault::m_inactiveSelectionForegroundColor = 0xff323232;
  69
  70 double LayoutThemeDefault::m_caretBlinkInterval;
  71
  72 LayoutThemeDefault::LayoutThemeDefault()
  73 {
  74     m_caretBlinkInterval = LayoutTheme::caretBlinkInterval();
  75 }
  76
  77 LayoutThemeDefault::~LayoutThemeDefault()
  78 {
  79 }
  80
  81 bool LayoutThemeDefault::supportsFocusRing(const ComputedStyle& style) const
  82 {
  83     if (useMockTheme()) {
  84         // Don't use focus rings for buttons when mocking controls.
  85         return style.appearance() == ButtonPart
  86             || style.appearance() == PushButtonPart
  87             || style.appearance() == SquareButtonPart;
  88     }
  89
  90     // This causes Blink to draw the focus rings for us.
  91     return false;
  92 }
  93
  94 Color LayoutThemeDefault::systemColor(CSSValueID cssValueId) const
  95 {
  96     static const Color defaultButtonGrayColor(0xffdddddd);
  97     static const Color defaultMenuColor(0xfff7f7f7);
  98
  99     if (cssValueId == CSSValueButtonface) {
 100         if (useMockTheme())
 101             return Color(0xc0, 0xc0, 0xc0);
 102         return defaultButtonGrayColor;
 103     }
 104     if (cssValueId == CSSValueMenu)
 105         return defaultMenuColor;
 106     return LayoutTheme::systemColor(cssValueId);
 107 }
 108
 109 // Use the Windows style sheets to match their metrics.
 110 String LayoutThemeDefault::extraDefaultStyleSheet()
 111 {
 112     return LayoutTheme::extraDefaultStyleSheet()
 113         + loadResourceAsASCIIString("themeWin.css")
 114         + loadResourceAsASCIIString("themeChromiumSkia.css")
 115 #if ENABLE(INPUT_MULTIPLE_FIELDS_UI)
 116         + loadResourceAsASCIIString("themeInputMultipleFields.css")
 117 #endif
 118         + loadResourceAsASCIIString("themeChromium.css");
 119 }
 120
 121 String LayoutThemeDefault::extraQuirksStyleSheet()
 122 {
 123     return loadResourceAsASCIIString("themeWinQuirks.css");
 124 }
 125
 126 Color LayoutThemeDefault::activeListBoxSelectionBackgroundColor() const
 127 {
 128     return Color(0x28, 0x28, 0x28);
 129 }
 130
 131 Color LayoutThemeDefault::activeListBoxSelectionForegroundColor() const
 132 {
 133     return Color::black;
 134 }
 135
 136 Color LayoutThemeDefault::inactiveListBoxSelectionBackgroundColor() const
 137 {
 138     return Color(0xc8, 0xc8, 0xc8);
 139 }
 140
 141 Color LayoutThemeDefault::inactiveListBoxSelectionForegroundColor() const
 142 {
 143     return Color(0x32, 0x32, 0x32);
 144 }
 145
 146 Color LayoutThemeDefault::platformActiveSelectionBackgroundColor() const
 147 {
 148     if (useMockTheme())
 149         return Color(0x00, 0x00, 0xff); // Royal blue.
 150     return m_activeSelectionBackgroundColor;
 151 }
 152
 153 Color LayoutThemeDefault::platformInactiveSelectionBackgroundColor() const
 154 {
 155     if (useMockTheme())
 156         return Color(0x99, 0x99, 0x99); // Medium gray.
 157     return m_inactiveSelectionBackgroundColor;
 158 }
 159
 160 Color LayoutThemeDefault::platformActiveSelectionForegroundColor() const
 161 {
 162     if (useMockTheme())
 163         return Color(0xff, 0xff, 0xcc); // Pale yellow.
 164     return m_activeSelectionForegroundColor;
 165 }
 166
 167 Color LayoutThemeDefault::platformInactiveSelectionForegroundColor() const
 168 {
 169     if (useMockTheme())
 170         return Color::white;
 171     return m_inactiveSelectionForegroundColor;
 172 }
 173
 174 IntSize LayoutThemeDefault::sliderTickSize() const
 175 {
 176     if (useMockTheme())
 177         return IntSize(1, 3);
 178     return IntSize(1, 6);
 179 }
 180
 181 int LayoutThemeDefault::sliderTickOffsetFromTrackCenter() const
 182 {
 183     if (useMockTheme())
 184         return 11;
 185     return -16;
 186 }
 187
 188 void LayoutThemeDefault::adjustSliderThumbSize(ComputedStyle& style) const
 189 {
 190     IntSize size = Platform::current()->themeEngine()->getSize(WebThemeEngine::PartSliderThumb);
 191
 192     // FIXME: Mock theme doesn't handle zoomed sliders.
 193     float zoomLevel = useMockTheme() ? 1 : style.effectiveZoom();
 194     if (style.appearance() == SliderThumbHorizontalPart) {
 195         style.setWidth(Length(size.width() * zoomLevel, Fixed));
 196         style.setHeight(Length(size.height() * zoomLevel, Fixed));
 197     } else if (style.appearance() == SliderThumbVerticalPart) {
 198         style.setWidth(Length(size.height() * zoomLevel, Fixed));
 199         style.setHeight(Length(size.width() * zoomLevel, Fixed));
 200     } else {
 201         MediaControlsPainter::adjustMediaSliderThumbSize(style);
 202     }
 203 }
 204
 205 void LayoutThemeDefault::setCaretBlinkInterval(double interval)
 206 {
 207     m_caretBlinkInterval = interval;
 208 }
 209
 210 void LayoutThemeDefault::setSelectionColors(
 211     unsigned activeBackgroundColor,
 212     unsigned activeForegroundColor,
 213     unsigned inactiveBackgroundColor,
 214     unsigned inactiveForegroundColor)
 215 {
 216     m_activeSelectionBackgroundColor = activeBackgroundColor;
 217     m_activeSelectionForegroundColor = activeForegroundColor;
 218     m_inactiveSelectionBackgroundColor = inactiveBackgroundColor;
 219     m_inactiveSelectionForegroundColor = inactiveForegroundColor;
 220 }
 221
 222 void LayoutThemeDefault::setCheckboxSize(ComputedStyle& style) const
 223 {
 224     // If the width and height are both specified, then we have nothing to do.
 225     if (!style.width().isIntrinsicOrAuto() && !style.height().isAuto())
 226         return;
 227
 228     IntSize size = Platform::current()->themeEngine()->getSize(WebThemeEngine::PartCheckbox);
 229     float zoomLevel = style.effectiveZoom();
 230     size.setWidth(size.width() * zoomLevel);
 231     size.setHeight(size.height() * zoomLevel);
 232     setSizeIfAuto(style, size);
 233 }
 234
 235 void LayoutThemeDefault::setRadioSize(ComputedStyle& style) const
 236 {
 237     // If the width and height are both specified, then we have nothing to do.
 238     if (!style.width().isIntrinsicOrAuto() && !style.height().isAuto())
 239         return;
 240
 241     IntSize size = Platform::current()->themeEngine()->getSize(WebThemeEngine::PartRadio);
 242     float zoomLevel = style.effectiveZoom();
 243     size.setWidth(size.width() * zoomLevel);
 244     size.setHeight(size.height() * zoomLevel);
 245     setSizeIfAuto(style, size);
 246 }
 247
 248 void LayoutThemeDefault::adjustInnerSpinButtonStyle(ComputedStyle& style) const
 249 {
 250     IntSize size = Platform::current()->themeEngine()->getSize(WebThemeEngine::PartInnerSpinButton);
 251
 252     style.setWidth(Length(size.width(), Fixed));
 253     style.setMinWidth(Length(size.width(), Fixed));
 254 }
 255
 256 bool LayoutThemeDefault::shouldOpenPickerWithF4Key() const
 257 {
 258     return true;
 259 }
 260
 261 bool LayoutThemeDefault::shouldUseFallbackTheme(const ComputedStyle& style) const
 262 {
 263     if (useMockTheme()) {
 264         // The mock theme can't handle zoomed controls, so we fall back to the "fallback" theme.
 265         ControlPart part = style.appearance();
 266         if (part == CheckboxPart || part == RadioPart)
 267             return style.effectiveZoom() != 1;
 268     }
 269     return LayoutTheme::shouldUseFallbackTheme(style);
 270 }
 271
 272 bool LayoutThemeDefault::supportsHover(const ComputedStyle& style) const
 273 {
 274     return true;
 275 }
 276
 277 Color LayoutThemeDefault::platformFocusRingColor() const
 278 {
 279     static Color focusRingColor(229, 151, 0, 255);
 280     return focusRingColor;
 281 }
 282
 283 double LayoutThemeDefault::caretBlinkInterval() const
 284 {
 285     // Disable the blinking caret in layout test mode, as it introduces
 286     // a race condition for the pixel tests. http://b/1198440
 287     if (LayoutTestSupport::isRunningLayoutTest())
 288         return 0;
 289
 290     return m_caretBlinkInterval;
 291 }
 292
 293 void LayoutThemeDefault::systemFont(CSSValueID systemFontID, FontStyle& fontStyle, FontWeight& fontWeight, float& fontSize, AtomicString& fontFamily) const
 294 {
 295     LayoutThemeFontProvider::systemFont(systemFontID, fontStyle, fontWeight, fontSize, fontFamily);
 296 }
 297
 298 int LayoutThemeDefault::minimumMenuListSize(const ComputedStyle& style) const
 299 {
 300     return 0;
 301 }
 302
 303 // Return a rectangle that has the same center point as |original|, but with a
 304 // size capped at |width| by |height|.
 305 IntRect center(const IntRect& original, int width, int height)
 306 {
 307     width = std::min(original.width(), width);
 308     height = std::min(original.height(), height);
 309     int x = original.x() + (original.width() - width) / 2;
 310     int y = original.y() + (original.height() - height) / 2;
 311
 312     return IntRect(x, y, width, height);
 313 }
 314
 315 void LayoutThemeDefault::adjustButtonStyle(ComputedStyle& style) const
 316 {
 317     if (style.appearance() == PushButtonPart) {
 318         // Ignore line-height.
 319         style.setLineHeight(ComputedStyle::initialLineHeight());
 320     }
 321 }
 322
 323 void LayoutThemeDefault::adjustSearchFieldStyle(ComputedStyle& style) const
 324 {
 325     // Ignore line-height.
 326     style.setLineHeight(ComputedStyle::initialLineHeight());
 327 }
 328
 329 void LayoutThemeDefault::adjustSearchFieldCancelButtonStyle(ComputedStyle& style) const
 330 {
 331     // Scale the button size based on the font size
 332     float fontScale = style.fontSize() / defaultControlFontPixelSize;
 333     int cancelButtonSize = lroundf(std::min(std::max(minCancelButtonSize, defaultCancelButtonSize * fontScale), maxCancelButtonSize));
 334     style.setWidth(Length(cancelButtonSize, Fixed));
 335     style.setHeight(Length(cancelButtonSize, Fixed));
 336 }
 337
 338 void LayoutThemeDefault::adjustSearchFieldDecorationStyle(ComputedStyle& style) const
 339 {
 340     IntSize emptySize(1, 11);
 341     style.setWidth(Length(emptySize.width(), Fixed));
 342     style.setHeight(Length(emptySize.height(), Fixed));
 343 }
 344
 345 void LayoutThemeDefault::adjustSearchFieldResultsDecorationStyle(ComputedStyle& style) const
 346 {
 347     // Scale the decoration size based on the font size
 348     float fontScale = style.fontSize() / defaultControlFontPixelSize;
 349     int magnifierSize = lroundf(std::min(std::max(minSearchFieldResultsDecorationSize, defaultSearchFieldResultsDecorationSize * fontScale),
 350         maxSearchFieldResultsDecorationSize));
 351     style.setWidth(Length(magnifierSize, Fixed));
 352     style.setHeight(Length(magnifierSize, Fixed));
 353 }
 354
 355 void LayoutThemeDefault::adjustMenuListStyle(ComputedStyle& style, Element*) const
 356 {
 357     // Height is locked to auto on all browsers.
 358     style.setLineHeight(ComputedStyle::initialLineHeight());
 359 }
 360
 361 void LayoutThemeDefault::adjustMenuListButtonStyle(ComputedStyle& style, Element* e) const
 362 {
 363     adjustMenuListStyle(style, e);
 364 }
 365
 366 int LayoutThemeDefault::popupInternalPaddingLeft(const ComputedStyle& style) const
 367 {
 368     return menuListInternalPadding(style, LeftPadding);
 369 }
 370
 371 int LayoutThemeDefault::popupInternalPaddingRight(const ComputedStyle& style) const
 372 {
 373     return menuListInternalPadding(style, RightPadding);
 374 }
 375
 376 int LayoutThemeDefault::popupInternalPaddingTop(const ComputedStyle& style) const
 377 {
 378     return menuListInternalPadding(style, TopPadding);
 379 }
 380
 381 int LayoutThemeDefault::popupInternalPaddingBottom(const ComputedStyle& style) const
 382 {
 383     return menuListInternalPadding(style, BottomPadding);
 384 }
 385
 386 // static
 387 void LayoutThemeDefault::setDefaultFontSize(int fontSize)
 388 {
 389     LayoutThemeFontProvider::setDefaultFontSize(fontSize);
 390 }
 391
 392 int LayoutThemeDefault::menuListArrowPadding() const
 393 {
 394     return ScrollbarTheme::theme()->scrollbarThickness();
 395 }
 396
 397 int LayoutThemeDefault::menuListInternalPadding(const ComputedStyle& style, int paddingType) const
 398 {
 399     // This internal padding is in addition to the user-supplied padding.
 400     // Matches the FF behavior.
 401     int padding = styledMenuListInternalPadding[paddingType];
 402
 403     // Reserve the space for right arrow here. The rest of the padding is
 404     // set by adjustMenuListStyle, since PopMenuWin.cpp uses the padding from
 405     // LayoutMenuList to lay out the individual items in the popup.
 406     // If the MenuList actually has appearance "NoAppearance", then that means
 407     // we don't draw a button, so don't reserve space for it.
 408     const int barType = style.direction() == LTR ? RightPadding : LeftPadding;
 409     if (paddingType == barType && style.appearance() != NoControlPart)
 410         padding += menuListArrowPadding();
 411
 412     return padding;
 413 }
 414
 415 //
 416 // Following values are come from default of GTK+
 417 //
 418 static const int progressAnimationFrames = 10;
 419 static const double progressAnimationInterval = 0.125;
 420
 421 double LayoutThemeDefault::animationRepeatIntervalForProgressBar() const
 422 {
 423     return progressAnimationInterval;
 424 }
 425
 426 double LayoutThemeDefault::animationDurationForProgressBar() const
 427 {
 428     return progressAnimationInterval * progressAnimationFrames * 2; // "2" for back and forth
 429 }
 430
 431 } // namespace blink