| <?xml version="1.0" encoding="utf-8"?> |
| <!-- Copyright 2014 The Chromium Authors. All rights reserved. |
| Use of this source code is governed by a BSD-style license that can be |
| found in the LICENSE file. --> |
| |
| <resources> |
| <!-- Connection info popup dimensions --> |
| <dimen name="connection_info_padding_wide">24dp</dimen> |
| <dimen name="connection_info_padding_thin">16dp</dimen> |
| |
| <!-- Website Settings Popup Dimensions --> |
| <dimen name="website_settings_popup_padding_sides">16dp</dimen> |
| <dimen name="website_settings_popup_button_height">36dp</dimen> |
| <dimen name="website_settings_popup_button_padding_sides">8dp</dimen> |
| <dimen name="website_settings_popup_permission_icon_size">24dp</dimen> |
| |
| <!-- Accessibility tab switcher --> |
| <dimen name="accessibility_tab_height">65dp</dimen> |
| |
| <!-- TabSwitcher - The minimum distance from the edge to commit a side swap. --> |
| <dimen name="swipe_commit_distance">120dp</dimen> |
| <!-- TabSwitcher - Size of the shift applied to tabs when stacked. --> |
| <dimen name="stacked_tab_visible_size">4dp</dimen> |
| <!-- TabSwitcher - Buffer space above the stack. --> |
| <dimen name="stack_buffer_height">5dp</dimen> |
| <!-- TabSwitcher - Buffer space on the side of the stack. --> |
| <dimen name="stack_buffer_width">5dp</dimen> |
| <!-- TabSwitcher - Minimum spacing between tabs. --> |
| <dimen name="min_spacing">120dp</dimen> |
| <!-- TabSwitcher - Maximum over scroll. --> |
| <dimen name="over_scroll">75dp</dimen> |
| <!-- TabSwitcher - Minimum scrolling distance to even out all the tabs. --> |
| <dimen name="even_out_scrolling">400dp</dimen> |
| <!-- TabSwitcher - The space between tabs in the toolbar swiping transition. --> |
| <dimen name="toolbar_swipe_space_between_tabs">30dp</dimen> |
| <!-- TabSwitcher - The minimum distance from the edge to commit a toolbar side swap. --> |
| <dimen name="toolbar_swipe_commit_distance">90dp</dimen> |
| <!-- TabSwitcher - Maximum amount to slide the tabs down or right in over scroll. --> |
| <dimen name="over_scroll_slide">10dp</dimen> |
| |
| <!-- TabSwitcher --> |
| <dimen name="tabswitcher_border_frame_padding_left">6dp</dimen> |
| <dimen name="tabswitcher_border_frame_padding_top">50dp</dimen> |
| <dimen name="tabswitcher_border_frame_transparent_top">3dp</dimen> |
| <dimen name="tabswitcher_border_frame_transparent_side">2dp</dimen> |
| |
| <!-- Tab title --> |
| <dimen name="border_texture_title_fade">24dp</dimen> <!-- 40px hdpi --> |
| <dimen name="tab_title_favicon_start_padding">10dp</dimen> |
| <dimen name="tab_title_favicon_end_padding">7dp</dimen> |
| |
| <!-- Custom Menu dimensions --> |
| <dimen name="menu_width">258dp</dimen> |
| <dimen name="menu_negative_software_vertical_offset">0dp</dimen> |
| <!-- The amount to fade the edges of the menu to indicate more content is available |
| via scrolling. --> |
| <dimen name="menu_vertical_fade_distance">15dp</dimen> |
| <dimen name="menu_badge_translation_y_distance">6dp</dimen> |
| |
| <!-- Menu button dragging related dimensions --> |
| <dimen name="auto_scroll_full_velocity">500dp</dimen> |
| |
| <!-- Infobar dimensions --> |
| <!-- Text size of the infobar message and other controls. --> |
| <dimen name="infobar_text_size">16sp</dimen> |
| <!-- Text size of the infobar message when a big icon is shown. --> |
| <dimen name="infobar_big_icon_message_size">18sp</dimen> |
| <!-- Text size of descriptive controls on an infobar. --> |
| <dimen name="infobar_descriptive_text_size">14sp</dimen> |
| <!-- Padding surrounding the infobar. --> |
| <dimen name="infobar_padding">16dp</dimen> |
| <!-- Margin between stacked buttons in an infobar. --> |
| <dimen name="infobar_margin_between_stacked_buttons">24dp</dimen> |
| <!-- Minimum width of an infobar. --> |
| <dimen name="infobar_min_width">220dp</dimen> |
| <!-- Maximum width of an infobar. --> |
| <dimen name="infobar_max_width">600dp</dimen> |
| <!-- Width of side shadows on floating infobars. --> |
| <dimen name="infobar_shadow_width">8dp</dimen> |
| <!-- Height of top shadow on each infobar. --> |
| <dimen name="infobar_shadow_height">8dp</dimen> |
| <!-- Distance that a back infobar peeks out above the front infobar. --> |
| <dimen name="infobar_peeking_height">10dp</dimen> |
| |
| <!-- Vertical margin applied between groups of controls. --> |
| <dimen name="infobar_margin_above_control_groups">24dp</dimen> |
| <dimen name="infobar_margin_above_button_row">32dp</dimen> |
| |
| <!-- Margin between items in the same control group. --> |
| <dimen name="infobar_control_margin_between_items">8dp</dimen> |
| <dimen name="infobar_control_margin_between_rows">8dp</dimen> |
| <dimen name="infobar_control_margin_between_columns">32dp</dimen> |
| |
| <!-- Dimensions applied to InfoBars with differently sized icons. --> |
| <dimen name="infobar_small_icon_size">24dp</dimen> |
| <dimen name="infobar_small_icon_margin">8dp</dimen> |
| <dimen name="infobar_big_icon_size">48dp</dimen> |
| <dimen name="infobar_big_icon_margin">16dp</dimen> |
| |
| <!-- Contextual search dimensions --> |
| <dimen name="contextual_search_peek_promo_height">48dp</dimen> |
| <dimen name="contextual_search_peek_promo_padding">12dp</dimen> |
| <dimen name="contextual_search_caption_text_size">14sp</dimen> |
| <dimen name="contextual_search_static_image_size">36dp</dimen> |
| <!-- The following two dimensions were taking from the UI specs for contextual search, where |
| they were 36dp and 3dp respectively, but have been updated to allow for padding around |
| TextViews that we cannot get rid of. --> |
| <dimen name="contextual_search_text_layer_min_height">38dp</dimen> |
| <dimen name="contextual_search_term_caption_spacing">1.5dp</dimen> |
| <!-- This is the offset of the divider from the end of the bar. --> |
| <dimen name="contextual_search_end_button_width">48dp</dimen> |
| <dimen name="contextual_search_divider_line_width">1dp</dimen> |
| <dimen name="contextual_search_divider_line_height">24dp</dimen> |
| |
| <!-- Overlay panel dimensions --> |
| <dimen name="overlay_panel_bar_height">56dp</dimen> |
| <dimen name="overlay_panel_text_size">18sp</dimen> |
| |
| <!-- Password generation popup dimensions --> |
| <dimen name="password_generation_divider_height">1dp</dimen> |
| <dimen name="password_generation_text_size">14sp</dimen> |
| <dimen name="password_generation_horizontal_margin">10dp</dimen> |
| <dimen name="password_generation_text_vertical_margin">12dp</dimen> |
| |
| <!-- Search engine preference dimensions --> |
| <dimen name="search_engine_list_margin_top">6dp</dimen> |
| |
| <!-- Site Settings dimensions --> |
| <dimen name="site_setttings_icon_padding">4.6dp</dimen> |
| |
| <!-- Minimum height/width for a touchable item --> |
| <dimen name="min_touch_target_size">48dp</dimen> |
| |
| <!-- Data Saver --> |
| <dimen name="data_usage_chart_height">252dp</dimen> |
| <dimen name="data_reduction_promo_screen_width">330dp</dimen> |
| <dimen name="data_reduction_promo_screen_width_horizontal">500dp</dimen> |
| <dimen name="data_reduction_promo_title_text_size">20sp</dimen> |
| <dimen name="data_reduction_promo_normal_text_size">14sp</dimen> |
| <dimen name="data_reduction_promo_button_text_size">13sp</dimen> |
| <dimen name="data_reduction_promo_illustration_margin_bottom">30dp</dimen> |
| |
| <!-- The size of the text for tab titles. --> |
| <dimen name="compositor_tab_title_text_size">13sp</dimen> |
| <!-- The size of the bounding box for favicons. --> |
| <dimen name="compositor_tab_title_favicon_size">16dp</dimen> |
| <!-- Slop value for allowing slight misses on the compositor button. --> |
| <dimen name="compositor_button_slop">10dp</dimen> |
| |
| <!-- User Picture Dimensions --> |
| <dimen name="user_picture_size">40dp</dimen> |
| <dimen name="badged_user_picture_height">40dp</dimen> |
| <!-- The design spec is that the center of the badge should be 4dp from the right edge of the |
| user picture. This is equivalent to a badged_user_picture_width of 46dp assuming a badge_radius |
| of 10dp. --> |
| <dimen name="badged_user_picture_width">46dp</dimen> |
| <dimen name="badge_radius">10dp</dimen> |
| <dimen name="badge_border_size">1.3dp</dimen> |
| |
| <!-- First Run Experience dimensions --> |
| <dimen name="fre_content_margin">24dp</dimen> |
| <dimen name="fre_vertical_spacing">32dp</dimen> |
| <dimen name="fre_button_bar_height">52dp</dimen> |
| <dimen name="fre_button_padding">12dp</dimen> |
| <dimen name="fre_margin">24dp</dimen> |
| <dimen name="fre_title_text_size">24sp</dimen> |
| <dimen name="fre_button_text_size">14sp</dimen> |
| <dimen name="fre_normal_text_size">14sp</dimen> |
| <dimen name="fre_image_height">120dp</dimen> |
| <dimen name="fre_tos_checkbox_padding">12dp</dimen> |
| |
| <!-- Account Signin dimensions --> |
| <!-- The Account Signin page appears in the First Run Experience (amongst other places), so uses |
| a lot of the fre_* dimensions for consistency. --> |
| <dimen name="signin_image_carousel_width">240dp</dimen> |
| <dimen name="signin_chooser_padding">16dp</dimen> |
| <dimen name="signin_screen_top_padding">50dp</dimen> |
| |
| <!-- Autofill card unmasking prompt dimensions --> |
| <dimen name="autofill_card_unmask_tooltip_horizontal_padding">16dp</dimen> |
| <dimen name="autofill_card_unmask_tooltip_vertical_padding">4dp</dimen> |
| |
| <!-- Alert dialog --> |
| <dimen name="dialog_padding_top">@dimen/abc_dialog_padding_top_material</dimen> |
| <dimen name="dialog_padding_sides">@dimen/abc_dialog_padding_material</dimen> |
| |
| <!-- Tab Strip Dimensions --> |
| <dimen name="tab_strip_height">0dp</dimen> |
| |
| <!-- Full Screen Dimensions --> |
| <!-- Should match toolbar_height_no_shadow --> |
| <dimen name="control_container_height">56dp</dimen> |
| <dimen name="custom_tabs_control_container_height">56dp</dimen> |
| <dimen name="webapp_control_container_height">22dp</dimen> |
| |
| <!-- The combined height of the tab strip and toolbar. --> |
| <dimen name="tab_strip_and_toolbar_height">56dp</dimen> |
| |
| <!-- Find in Page dimensions --> |
| <dimen name="find_result_bar_touch_width">68dp</dimen> |
| <dimen name="find_result_bar_draw_width">46dp</dimen> |
| <dimen name="find_result_bar_result_min_height">8px</dimen> |
| <dimen name="find_result_bar_active_min_height">16px</dimen> |
| <dimen name="find_result_bar_vertical_padding">8px</dimen> |
| <dimen name="find_result_bar_min_gap_between_stacks">3px</dimen> |
| <dimen name="find_result_bar_stacked_result_height">3px</dimen> |
| <dimen name="find_in_page_separator_width">1dp</dimen> |
| <dimen name="find_in_page_popup_width">375dp</dimen> |
| <dimen name="find_in_page_popup_height">60dp</dimen> |
| <dimen name="find_in_page_popup_margin_end">62dp</dimen> |
| |
| <!-- Web app dimensions |
| There are three possible layouts for splash screens, which is chosen based on whether an |
| icon was auto-generated by Chrome and whether the icon is bigger than a threshold. --> |
| <dimen name="webapp_home_screen_icon_size">48dp</dimen> |
| |
| <dimen name="webapp_splash_offset">32dp</dimen> |
| <dimen name="webapp_splash_image_size_ideal">128dp</dimen> |
| <dimen name="webapp_splash_image_size_threshold">80dp</dimen> |
| <dimen name="webapp_splash_image_size_minimum">48dp</dimen> |
| |
| <dimen name="webapp_splash_small_image_size">80dp</dimen> |
| <dimen name="webapp_splash_small_title_margin_top">32dp</dimen> |
| <dimen name="webapp_splash_large_title_margin_bottom">16dp</dimen> |
| |
| <!-- Toolbar dimensions --> |
| <dimen name="toolbar_tab_count_text_size_1_digit">12dp</dimen> |
| <dimen name="toolbar_tab_count_text_size_2_digit">10dp</dimen> |
| <dimen name="toolbar_height_no_shadow">56dp</dimen> |
| <dimen name="toolbar_shadow_height">8dp</dimen> |
| <dimen name="toolbar_progress_bar_height">2dp</dimen> |
| <dimen name="toolbar_button_width">48dp</dimen> |
| |
| <dimen name="toolbar_edge_padding">8dp</dimen> |
| <dimen name="location_bar_vertical_margin">8dp</dimen> |
| <dimen name="location_bar_url_text_size">16sp</dimen> |
| <dimen name="location_bar_incognito_badge_padding">7dp</dimen> |
| <dimen name="location_bar_icon_width">32dp</dimen> |
| <dimen name="location_bar_corner_radius">1dp</dimen> |
| |
| <dimen name="tablet_toolbar_start_padding">4dp</dimen> |
| <dimen name="tablet_toolbar_start_padding_no_buttons">6dp</dimen> |
| <dimen name="tablet_toolbar_end_padding">6dp</dimen> |
| <dimen name="location_bar_status_separator_width">1dp</dimen> |
| |
| <!-- Omnibox suggestions --> |
| <dimen name="omnibox_suggestion_height">60dp</dimen> |
| <dimen name="omnibox_suggestion_answer_height">72dp</dimen> |
| <dimen name="omnibox_suggestion_list_padding_top">0dp</dimen> |
| <dimen name="omnibox_suggestion_list_padding_bottom">0dp</dimen> |
| <dimen name="omnibox_suggestion_first_line_text_size">16sp</dimen> |
| <dimen name="omnibox_suggestion_second_line_text_size">14sp</dimen> |
| <dimen name="omnibox_suggestion_answer_line2_vertical_spacing">3dp</dimen> |
| <!-- omnibox_suggestion_answer_line2_vertical_spacing + 2dp --> |
| <dimen name="omnibox_suggestion_answer_image_vertical_spacing">5dp</dimen> |
| <dimen name="omnibox_suggestion_answer_image_horizontal_spacing">4dp</dimen> |
| <dimen name="omnibox_suggestion_phone_url_bar_left_offset">10dp</dimen> |
| <dimen name="omnibox_suggestion_phone_url_bar_left_offset_rtl">46dp</dimen> |
| <dimen name="omnibox_suggestion_refine_width">48dp</dimen> |
| <dimen name="omnibox_suggestion_text_vertical_padding">5dp</dimen> |
| <dimen name="omnibox_suggestion_multiline_text_vertical_padding">10dp</dimen> |
| |
| <!-- NTP dimensions --> |
| <dimen name="most_visited_bg_corner_radius">2dp</dimen> |
| <dimen name="most_visited_layout_max_width">504dp</dimen> |
| <dimen name="most_visited_layout_padding_top">8dp</dimen> |
| <dimen name="most_visited_layout_no_logo_padding_top">20dp</dimen> |
| <dimen name="most_visited_layout_bleed">8dp</dimen> |
| <dimen name="most_visited_vertical_spacing">3dp</dimen> |
| <dimen name="most_visited_min_horizontal_spacing">4dp</dimen> |
| <dimen name="most_visited_max_horizontal_spacing">16dp</dimen> |
| <dimen name="most_visited_tile_width">80dp</dimen> |
| <dimen name="most_visited_icon_size">48dp</dimen> |
| <dimen name="most_visited_offline_badge_size">24dp</dimen> |
| <dimen name="ntp_logo_height">116dp</dimen> |
| <dimen name="ntp_search_box_height">62dp</dimen> |
| <dimen name="ntp_search_box_shadow_width">4dp</dimen> |
| <dimen name="ntp_search_box_transition_length">16dp</dimen> |
| <dimen name="ntp_wide_card_lateral_margins">48dp</dimen> |
| <dimen name="ntp_list_item_min_height">48dp</dimen> |
| <dimen name="ntp_list_item_text_size">16sp</dimen> |
| <dimen name="ntp_shadow_height">9dp</dimen> |
| <dimen name="ntp_sign_in_promo_margin_top">20dp</dimen> |
| <dimen name="ntp_progress_indicator_diameter">56dp</dimen> |
| <dimen name="snippets_thumbnail_size">72dp</dimen> |
| <!-- The default padding for the peeking card and the amount the card peeks by in the current |
| peeking card animation (the calculations assume this is the same). --> |
| <dimen name="snippets_padding">16dp</dimen> |
| <!-- The amount of the peeking card showing above the fold with the increased visibility UI |
| (https://crbug.com/660837). --> |
| <dimen name="snippets_peeking_card_peek_amount">32dp</dimen> |
| <dimen name="snippets_peeking_card_bounce_distance">10dp</dimen> |
| <dimen name="snippets_card_9_patch_adjustment">2dp</dimen> |
| <dimen name="snippets_article_header_height">40dp</dimen> |
| <dimen name="snippets_publisher_margin_top_with_article_snippet">16dp</dimen> |
| <dimen name="snippets_publisher_margin_top_without_article_snippet">8dp</dimen> |
| <!-- This is in sp because we want the icon to scale with the TextView it sits alongside. --> |
| <dimen name="snippets_offline_icon_size">18sp</dimen> |
| |
| <!-- Recent tabs page --> |
| <dimen name="recent_tabs_visible_separator_padding">8dp</dimen> |
| |
| <!-- Snackbars --> |
| <dimen name="snackbar_min_height">48dp</dimen> |
| <dimen name="snackbar_width_tablet">450dp</dimen> |
| <dimen name="snackbar_margin_tablet">24dp</dimen> |
| |
| <!-- Drawers --> |
| <dimen name="drawer_width">240dp</dimen> |
| <dimen name="drawer_drawable_padding">32dp</dimen> |
| <dimen name="drawer_margin_large">16dp</dimen> |
| |
| <!-- Bookmarks dimensions --> |
| <dimen name="bookmark_item_popup_width">140dp</dimen> |
| <dimen name="bookmark_folder_item_left">16dp</dimen> |
| <dimen name="bookmark_minimum_dialog_size_tablet">500dp</dimen> |
| <dimen name="bookmark_drawer_drawable_padding">18dp</dimen> |
| |
| <!-- Bookmark widget dimensions --> |
| <dimen name="bookmark_widget_min_width">64dp</dimen> |
| <dimen name="bookmark_widget_min_height">48dp</dimen> |
| |
| <!-- Custom Tabs dimensions --> |
| <dimen name="custom_tabs_toolbar_maxWidth">60dp</dimen> |
| <dimen name="custom_tabs_toolbar_vertical_padding">16dp</dimen> |
| <dimen name="toolbar_icon_height">24dp</dimen> |
| <dimen name="min_toolbar_icon_side_padding">6dp</dimen> |
| <dimen name="custom_tabs_url_text_size">12sp</dimen> |
| <dimen name="custom_tabs_title_text_size">16sp</dimen> |
| <dimen name="custom_tabs_bottom_bar_max_height">60dp</dimen> |
| <dimen name="custom_tabs_screenshot_height">300dp</dimen> |
| <dimen name="custom_tabs_screenshot_width">190dp</dimen> |
| |
| <!-- Favicon dimensions --> |
| <dimen name="default_favicon_size">16dp</dimen> |
| <dimen name="default_favicon_corner_radius">3dp</dimen> |
| <dimen name="default_favicon_icon_text_size">10dp</dimen> |
| <dimen name="default_favicon_min_size">16px</dimen> |
| |
| <!-- Account chooser dialog dimensions --> |
| <dimen name="account_chooser_dialog_margin">24dp</dimen> |
| <dimen name="account_chooser_dialog_item_margin">20dp</dimen> |
| <dimen name="account_chooser_dialog_title_main_text_size">18sp</dimen> |
| <dimen name="account_chooser_dialog_title_descriptive_text_size">16sp</dimen> |
| |
| <!-- Clear browsing data preferences dimensions --> |
| <dimen name="clear_browsing_data_checkbox_height">56dp</dimen> |
| |
| <!-- Payments UI |
| * payments_section_checking_spacing: |
| The spec says that the "Checking" text should be 32dp above the bottom of its section. |
| We improvise by using 6dp because sections also have a 10dp padding, so we end up with |
| a 16dp bottom margin on the "Checking" text + 10dp section padding + 6dp leftover. |
| --> |
| <dimen name="payments_section_vertical_spacing">10dp</dimen> |
| <dimen name="payments_section_small_spacing">8dp</dimen> |
| <dimen name="payments_section_large_spacing">16dp</dimen> |
| <dimen name="payments_section_largest_spacing">32dp</dimen> |
| <dimen name="payments_section_checking_spacing">6dp</dimen> |
| <dimen name="payments_section_descriptive_item_spacing">40dp</dimen> |
| <dimen name="payments_section_separator_height">1dp</dimen> |
| <dimen name="payments_section_logo_height">36dp</dimen> |
| <dimen name="payments_section_logo_width">56dp</dimen> |
| <dimen name="payments_section_add_button_height">48dp</dimen> |
| <dimen name="payments_ui_max_dialog_width">0dp</dimen> |
| <dimen name="payments_ui_translation">100dp</dimen> |
| <dimen name="payments_editor_icon_list_size">38dp</dimen> |
| <dimen name="payments_favicon_size">24dp</dimen> |
| |
| <!-- Preferences dimensions |
| pref_autofill_field_horizontal_padding exists because TextInputLayouts have an internal |
| padding set. |
| --> |
| <dimen name="pref_autofill_content_spacing">12dp</dimen> |
| <dimen name="pref_autofill_field_horizontal_padding">4dp</dimen> |
| <dimen name="pref_autofill_field_top_margin">8dp</dimen> |
| <dimen name="pref_autofill_field_large_top_margin">16dp</dimen> |
| <dimen name="pref_autofill_field_bottom_margin">8dp</dimen> |
| <!-- The dropdown element has no embedded bottom padding like the TextView has so the margin |
| is doubled. --> |
| <dimen name="pref_autofill_dropdown_bottom_margin">16dp</dimen> |
| <dimen name="pref_autofill_touch_target_padding">15dp</dimen> |
| |
| <!-- Dialog dimensions. |
| https://www.google.com/design/spec/components/dialogs.html#dialogs-simple-dialogs --> |
| <dimen name="dialog_width_unit">56dp</dimen> <!-- MD dialog widths are multiples of this. --> |
| |
| <!-- Downloads dimensions. --> |
| <dimen name="downloads_item_icon_size">48dp</dimen> |
| |
| <!-- Miscellaneous dimensions --> |
| <dimen name="action_bar_shadow_height">10dp</dimen> |
| </resources> |