a499e3d938
This change adds a component to handle the layout of labels so that
values are lined up.
The process for doing this is as follows:
- Compute all of the label values and sort them.
- For each label, determine a number of placeholder elements needed so
that the first label is in the position determined by the sorted list
of labels
ex: sorted values = [-2, -1, 0, 1, 2]
particular lable values = [0, 1, 2]
requires 2 placeholders
Placeholders are used rather than padding so that items wrapping to
the next line works as expected. An array of empty items is computed.
There is also a placeholder after the values used for centering
content on small screens.
- In each of the iron selectors, There are two dom-repeats. First, the
computed blank items, and then the actual label values.
Note: there is a new media query value of max-width: 25em that is not
currently used on the app. This is intentional, as using a 50em
breakpoint does not make sense here. The goal is to keep all labels
on the same line without increasing vertical space when unnecessary.
Bug: Issue 5757
Change-Id: I99564cff7a3e49252dd695f189f2654e97c86fbe
132 lines
6.3 KiB
HTML
132 lines
6.3 KiB
HTML
<!DOCTYPE html>
|
|
<!--
|
|
Copyright (C) 2015 The Android Open Source Project
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
-->
|
|
|
|
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
|
|
<title>Elements Test Runner</title>
|
|
<meta charset="utf-8">
|
|
<script src="../bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
|
|
<script src="../bower_components/web-component-tester/browser.js"></script>
|
|
<script>
|
|
var testFiles = [];
|
|
var elementsPath = '../elements/';
|
|
var behaviorsPath = '../behaviors/';
|
|
|
|
// Elements tests.
|
|
[
|
|
'change-list/gr-change-list-item/gr-change-list-item_test.html',
|
|
'change-list/gr-change-list-view/gr-change-list-view_test.html',
|
|
'change-list/gr-change-list/gr-change-list_test.html',
|
|
'change/gr-account-entry/gr-account-entry_test.html',
|
|
'change/gr-account-list/gr-account-list_test.html',
|
|
'change/gr-change-actions/gr-change-actions_test.html',
|
|
'change/gr-change-metadata/gr-change-metadata_test.html',
|
|
'change/gr-change-view/gr-change-view_test.html',
|
|
'change/gr-comment-list/gr-comment-list_test.html',
|
|
'change/gr-commit-info/gr-commit-info_test.html',
|
|
'change/gr-confirm-cherrypick-dialog/gr-confirm-cherrypick-dialog_test.html',
|
|
'change/gr-confirm-rebase-dialog/gr-confirm-rebase-dialog_test.html',
|
|
'change/gr-confirm-revert-dialog/gr-confirm-revert-dialog_test.html',
|
|
'change/gr-download-dialog/gr-download-dialog_test.html',
|
|
'change/gr-label-scores/gr-label-scores_test.html',
|
|
'change/gr-file-list/gr-file-list_test.html',
|
|
'change/gr-message/gr-message_test.html',
|
|
'change/gr-messages-list/gr-messages-list_test.html',
|
|
'change/gr-related-changes-list/gr-related-changes-list_test.html',
|
|
'change/gr-reply-dialog/gr-reply-dialog_test.html',
|
|
'change/gr-reviewer-list/gr-reviewer-list_test.html',
|
|
'core/gr-account-dropdown/gr-account-dropdown_test.html',
|
|
'core/gr-error-manager/gr-error-manager_test.html',
|
|
'core/gr-main-header/gr-main-header_test.html',
|
|
'core/gr-reporting/gr-reporting_test.html',
|
|
'core/gr-search-bar/gr-search-bar_test.html',
|
|
'diff/gr-diff-builder/gr-diff-builder_test.html',
|
|
'diff/gr-diff-comment-thread-group/gr-diff-comment-thread-group_test.html',
|
|
'diff/gr-diff-comment-thread/gr-diff-comment-thread_test.html',
|
|
'diff/gr-diff-comment/gr-diff-comment_test.html',
|
|
'diff/gr-diff-cursor/gr-diff-cursor_test.html',
|
|
'diff/gr-diff-highlight/gr-annotation_test.html',
|
|
'diff/gr-diff-highlight/gr-diff-highlight_test.html',
|
|
'diff/gr-diff-preferences/gr-diff-preferences_test.html',
|
|
'diff/gr-diff-processor/gr-diff-processor_test.html',
|
|
'diff/gr-diff-selection/gr-diff-selection_test.html',
|
|
'diff/gr-diff-view/gr-diff-view_test.html',
|
|
'diff/gr-diff/gr-diff-group_test.html',
|
|
'diff/gr-diff/gr-diff_test.html',
|
|
'diff/gr-patch-range-select/gr-patch-range-select_test.html',
|
|
'diff/gr-ranged-comment-layer/gr-ranged-comment-layer_test.html',
|
|
'diff/gr-selection-action-box/gr-selection-action-box_test.html',
|
|
'diff/gr-syntax-layer/gr-syntax-layer_test.html',
|
|
'diff/gr-syntax-lib-loader/gr-syntax-lib-loader_test.html',
|
|
'gr-app_test.html',
|
|
'plugins/gr-plugin-host/gr-plugin-host_test.html',
|
|
'settings/gr-account-info/gr-account-info_test.html',
|
|
'settings/gr-change-table-editor/gr-change-table-editor_test.html',
|
|
'settings/gr-email-editor/gr-email-editor_test.html',
|
|
'settings/gr-group-list/gr-group-list_test.html',
|
|
'settings/gr-http-password/gr-http-password_test.html',
|
|
'settings/gr-menu-editor/gr-menu-editor_test.html',
|
|
'settings/gr-registration-dialog/gr-registration-dialog_test.html',
|
|
'settings/gr-settings-view/gr-settings-view_test.html',
|
|
'settings/gr-ssh-editor/gr-ssh-editor_test.html',
|
|
'settings/gr-watched-projects-editor/gr-watched-projects-editor_test.html',
|
|
'shared/gr-account-label/gr-account-label_test.html',
|
|
'shared/gr-account-link/gr-account-link_test.html',
|
|
'shared/gr-alert/gr-alert_test.html',
|
|
'shared/gr-autocomplete/gr-autocomplete_test.html',
|
|
'shared/gr-avatar/gr-avatar_test.html',
|
|
'shared/gr-button/gr-button_test.html',
|
|
'shared/gr-change-star/gr-change-star_test.html',
|
|
'shared/gr-confirm-dialog/gr-confirm-dialog_test.html',
|
|
'shared/gr-cursor-manager/gr-cursor-manager_test.html',
|
|
'shared/gr-date-formatter/gr-date-formatter_test.html',
|
|
'shared/gr-editable-content/gr-editable-content_test.html',
|
|
'shared/gr-editable-label/gr-editable-label_test.html',
|
|
'shared/gr-formatted-text/gr-formatted-text_test.html',
|
|
'shared/gr-js-api-interface/gr-change-actions-js-api_test.html',
|
|
'shared/gr-js-api-interface/gr-change-reply-js-api_test.html',
|
|
'shared/gr-js-api-interface/gr-js-api-interface_test.html',
|
|
'shared/gr-linked-chip/gr-linked-chip_test.html',
|
|
'shared/gr-linked-text/gr-linked-text_test.html',
|
|
'shared/gr-rest-api-interface/gr-rest-api-interface_test.html',
|
|
'shared/gr-rest-api-interface/gr-reviewer-updates-parser_test.html',
|
|
'shared/gr-select/gr-select_test.html',
|
|
'shared/gr-storage/gr-storage_test.html',
|
|
'shared/gr-tooltip/gr-tooltip_test.html',
|
|
'shared/gr-tooltip-content/gr-tooltip-content_test.html',
|
|
].forEach(function(file) {
|
|
file = elementsPath + file;
|
|
testFiles.push(file);
|
|
testFiles.push(file + '?dom=shadow');
|
|
});
|
|
|
|
// Behaviors tests.
|
|
[
|
|
'base-url-behavior/base-url-behavior_test.html',
|
|
'rest-client-behavior/rest-client-behavior_test.html',
|
|
'gr-change-table-behavior/gr-change-table-behavior_test.html',
|
|
'gr-patch-set-behavior/gr-patch-set-behavior_test.html',
|
|
'gr-path-list-behavior/gr-path-list-behavior_test.html',
|
|
'gr-tooltip-behavior/gr-tooltip-behavior_test.html',
|
|
].forEach(function(file) {
|
|
// Behaviors do not utilize the DOM, so no shadow DOM test is necessary.
|
|
file = behaviorsPath + file;
|
|
testFiles.push(file);
|
|
});
|
|
|
|
WCT.loadSuites(testFiles);
|
|
</script>
|