Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(655)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: ui/login/account_picker/md_user_pod_template.html

Issue 2926003002: Refresh UI of public session pods for new login screen (Closed)
Patch Set: Removed getter and setter of lastPosition Created 3 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « ui/login/account_picker/md_user_pod_row.js ('k') | no next file » | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: ui/login/account_picker/md_user_pod_template.html
diff --git a/ui/login/account_picker/md_user_pod_template.html b/ui/login/account_picker/md_user_pod_template.html
index 82ee6c519107a7343659085e89f045341964737d..95ec15a9e9fc00bfbb9b6602fd54924ec50e9be7 100644
--- a/ui/login/account_picker/md_user_pod_template.html
+++ b/ui/login/account_picker/md_user_pod_template.html
@@ -15,19 +15,23 @@
See http://goo.gl/Y1OdAq for instructions on adding additional icons.
-->
<g id="arrow-forward" stroke="none" stroke-width="1">
- <polygon id="arrow" points="10.5 4 9.354375 5.145625 13.888125 9.6875 4 9.6875 4 11.3126 13.888125 11.3125 9.354375 15.854375 10.5 17 17 10.5"></polygon>
+ <polygon id="arrow" points="10.5 4 9.354375 5.145625 13.888125 9.6875 4 9.6875 4 11.3126 13.888125 11.3125 9.354375 15.854375 10.5 17 17 10.5"></polygon>
</g>
<g id="dropdown" fill="#FFFFFF" stroke="none" stroke-width="1" fill-rule="evenodd" opacity="0.34">
- <polygon points="16.59 8.59 12 13.17 7.41 8.59 6 10 12 16 18 10"></polygon>
+ <polygon points="16.59 8.59 12 13.17 7.41 8.59 6 10 12 16 18 10"></polygon>
</g>
<g id="legacy-supervised-badge">
- <path d="M16.5,13.5 C17.42,13.5 18.16,12.7533333 18.16,11.8333333 C18.16,10.9133333 17.42,10.1666667 16.5,10.1666667 C15.58,10.1666667 14.8333333,10.9133333 14.8333333,11.8333333 C14.8333333,12.7533333 15.58,13.5 16.5,13.5 Z M11.5,12.8333333 C12.6066667,12.8333333 13.4933333,11.94 13.4933333,10.8333333 C13.4933333,9.72666667 12.6066667,8.83333333 11.5,8.83333333 C10.3933333,8.83333333 9.5,9.72666667 9.5,10.8333333 C9.5,11.94 10.3933333,12.8333333 11.5,12.8333333 Z M16.5,14.8333333 C15.28,14.8333333 12.8333333,15.4466667 12.8333333,16.6666667 L12.8333333,18.1666667 L20.1666667,18.1666667 L20.1666667,16.6666667 C20.1666667,15.4466667 17.72,14.8333333 16.5,14.8333333 Z M11.5,14.1666667 C9.94666667,14.1666667 6.83333333,14.9466667 6.83333333,16.5 L6.83333333,18.1666667 L11.5,18.1666667 L11.5,16.6666667 C11.5,16.1 11.72,15.1066667 13.08,14.3533333 C12.5,14.2333333 11.94,14.1666667 11.5,14.1666667 Z" id="Shape" fill="#000000" fill-rule="nonzero" opacity="0.34"></path>
+ <path d="M16.5,13.5 C17.42,13.5 18.16,12.7533333 18.16,11.8333333 C18.16,10.9133333 17.42,10.1666667 16.5,10.1666667 C15.58,10.1666667 14.8333333,10.9133333 14.8333333,11.8333333 C14.8333333,12.7533333 15.58,13.5 16.5,13.5 Z M11.5,12.8333333 C12.6066667,12.8333333 13.4933333,11.94 13.4933333,10.8333333 C13.4933333,9.72666667 12.6066667,8.83333333 11.5,8.83333333 C10.3933333,8.83333333 9.5,9.72666667 9.5,10.8333333 C9.5,11.94 10.3933333,12.8333333 11.5,12.8333333 Z M16.5,14.8333333 C15.28,14.8333333 12.8333333,15.4466667 12.8333333,16.6666667 L12.8333333,18.1666667 L20.1666667,18.1666667 L20.1666667,16.6666667 C20.1666667,15.4466667 17.72,14.8333333 16.5,14.8333333 Z M11.5,14.1666667 C9.94666667,14.1666667 6.83333333,14.9466667 6.83333333,16.5 L6.83333333,18.1666667 L11.5,18.1666667 L11.5,16.6666667 C11.5,16.1 11.72,15.1066667 13.08,14.3533333 C12.5,14.2333333 11.94,14.1666667 11.5,14.1666667 Z" id="Shape" fill="#000000" fill-rule="nonzero" opacity="0.34"></path>
</g>
<g id="signed-in-badge">
- <polygon id="Shape" fill="#000000" fill-rule="nonzero" opacity="0.34" points="11.5 16.28 8.72 13.5 7.77333333 14.44 11.5 18.1666667 19.5 10.1666667 18.56 9.22666667"></polygon>
+ <polygon id="Shape" fill="#000000" fill-rule="nonzero" opacity="0.34" points="11.5 16.28 8.72 13.5 7.77333333 14.44 11.5 18.1666667 19.5 10.1666667 18.56 9.22666667"></polygon>
</g>
<g id="caps-lock">
- <path d="M2.5,4.49188419 C2.5,3.39179693 3.39339733,2.5 4.49188419,2.5 L15.5081158,2.5 C16.6082031,2.5 17.5,3.39339733 17.5,4.49188419 L17.5,15.5081158 C17.5,16.6082031 16.6066027,17.5 15.5081158,17.5 L4.49188419,17.5 C3.39179693,17.5 2.5,16.6066027 2.5,15.5081158 L2.5,4.49188419 Z M10,7.47368421 L13.825,11.5 L15,10.2631579 L10,5 L5,10.2631579 L6.175,11.5 L10,7.47368421 Z M5,15 L15,15 L15,13.5 L5,13.5 L5,15 Z" id="Combined-Shape" fill="#FFFFFF"></path>
+ <path d="M2.5,4.49188419 C2.5,3.39179693 3.39339733,2.5 4.49188419,2.5 L15.5081158,2.5 C16.6082031,2.5 17.5,3.39339733 17.5,4.49188419 L17.5,15.5081158 C17.5,16.6082031 16.6066027,17.5 15.5081158,17.5 L4.49188419,17.5 C3.39179693,17.5 2.5,16.6066027 2.5,15.5081158 L2.5,4.49188419 Z M10,7.47368421 L13.825,11.5 L15,10.2631579 L10,5 L5,10.2631579 L6.175,11.5 L10,7.47368421 Z M5,15 L15,15 L15,13.5 L5,13.5 L5,15 Z" id="Combined-Shape" fill="#FFFFFF"></path>
+ </g>
+ <g id="public-session-icon">
+ <path d="M16,17 L18,17 L18,15 L16,15 L16,17 Z M16,13 L18,13 L18,11 L16,11 L16,13 Z M20,19 L12,19 L12,17 L14,17 L14,15 L12,15 L12,13 L14,13 L14,11 L12,11 L12,9 L20,9 L20,19 Z M8,7 L10,7 L10,5 L8,5 L8,7 Z M8,11 L10,11 L10,9 L8,9 L8,11 Z M8,15 L10,15 L10,13 L8,13 L8,15 Z M8,19 L10,19 L10,17 L8,17 L8,19 Z M4,7 L6,7 L6,5 L4,5 L4,7 Z M4,11 L6,11 L6,9 L4,9 L4,11 Z M4,15 L6,15 L6,13 L4,13 L4,15 Z M4,19 L6,19 L6,17 L4,17 L4,19 Z M12,7 L12,3 L2,3 L2,21 L22,21 L22,7 L12,7 Z" id="Page-1" fill="#FFFFFF"></path>
+ <!--<path d="M8,9 L9,9 L9,8 L8,8 L8,9 Z M8,7 L9,7 L9,6 L8,6 L8,7 Z M4,4 L5,4 L5,3 L4,3 L4,4 Z M4,6 L5,6 L5,5 L4,5 L4,6 Z M4,8 L5,8 L5,7 L4,7 L4,8 Z M4,10 L5,10 L5,9 L4,9 L4,10 Z M2,4 L3,4 L3,3 L2,3 L2,4 Z M2,6 L3,6 L3,5 L2,5 L2,6 Z M2,8 L3,8 L3,7 L2,7 L2,8 Z M2,10 L3,10 L3,9 L2,9 L2,10 Z M6,4 L6,2 L1,2 L1,11 L11,11 L11,4 L6,4 Z M10,10 L6,10 L6,9 L7,9 L7,8 L6,8 L6,7 L7,7 L7,6 L6,6 L6,5 L10,5 L10,10 Z" id="Page-1" fill="#FFFFFF"></path>-->
</g>
</defs>
</svg>
@@ -54,9 +58,6 @@
</if>
<div class="main-pane">
<div class="name-container">
- <div class="learn-more-container">
- <div class="learn-more"></div>
- </div>
<div class="name"></div>
<div class="action-box-area">
<paper-icon-button class="action-box-button" disabled
@@ -167,6 +168,17 @@
</svg>
</div>
</div>
+ <div class="public-account-info-container">
+ <iron-icon class="learn-more" icon="user-pod:public-session-icon">
+ </iron-icon>
+ <div class="info"></div>
+ <div class="button-container">
+ <paper-icon-button class="public-account-submit-button expand-button"
+ aria-label="$i18n{submitButtonAccessibleName}"
+ icon="user-pod:arrow-forward" tabindex="-1">
+ </paper-icon-button>
+ </div>
+ </div>
</div>
<div class="user-image-gradient-area">
</div>
@@ -205,55 +217,48 @@
appended. -->
<div id="public-account-user-pod-extras-template" hidden>
<div class="expanded-pane">
- <div class="expanded-pane-contents">
- <div class="side-container">
- <div class="expanded-pane-name"></div>
- <div class="expanded-pane-container">
- <div class="expanded-pane-learn-more-container">
- <div class="expanded-pane-learn-more"></div>
- </div>
- <div class="info"></div>
- <div class="monitoring-container">
- <span class="monitoring-warning">
- $i18n{publicAccountMonitoringWarning}
- </span>
- <a class="monitoring-learn-more" href="#" role="button">
- $i18n{publicAccountLearnMore}
- </a>
- </div>
- <div class="reminder">$i18n{publicAccountReminder}</div>
- <div class="language-and-input-section">
- <div class="select-with-label">
- <label class="language-select-label">
- $i18n{publicSessionSelectLanguage}
- </label>
- <div class="select-container">
- <select class="language-select"></select>
- </div>
- </div>
- <div class="select-with-label">
- <label class="keyboard-select-label">
- $i18n{publicSessionSelectKeyboard}
- </label>
- <div class="select-container">
- <select class="keyboard-select"></select>
- </div>
- </div>
- </div>
+ <div class="expanded-pane-container">
+ <div class="monitoring-container">
+ <span class="monitoring-warning">
+ $i18n{publicAccountMonitoringWarning}
+ </span>
+ <a class="monitoring-learn-more" href="#" role="button">
+ $i18n{publicAccountLearnMore}
+ </a>
+ </div>
+ <div class="reminder">$i18n{publicAccountReminder}</div>
+ <div class="language-and-input-container">
+ <a class="language-and-input" href="#" role="button">
+ $i18n{publicSessionLanguageAndInput}
+ </a>
+ <paper-icon-button class="language-and-input-dropdown"
+ icon="user-pod:dropdown">
+ </paper-icon-button>
+ </div>
+ </div>
+ <div class="language-and-input-section">
+ <div class="select-with-label">
+ <label class="language-select-label">
+ $i18n{publicSessionSelectLanguage}
+ </label>
+ <div class="select-container">
+ <select class="language-select"></select>
</div>
</div>
- <div class="horizontal-line"></div>
- <div class="bottom-container">
- <paper-button raised class="enter-button"
- aria-label="$i18n{publicAccountEnterAccessibleName}">
- $i18n{publicAccountEnter}
- </paper-button>
- <div class="language-and-input-container">
- <a class="language-and-input" href="#" role="button">
- $i18n{publicSessionLanguageAndInput}
- </a>
+ <div class="select-with-label">
+ <label class="keyboard-select-label">
+ $i18n{publicSessionSelectKeyboard}
+ </label>
+ <div class="select-container">
+ <select class="keyboard-select"></select>
</div>
</div>
</div>
+ <div class="enter-button-container">
+ <paper-icon-button class="public-account-submit-button enter-button"
+ aria-label="$i18n{publicAccountEnterAccessibleName}"
+ icon="user-pod:arrow-forward" tabindex="-1">
+ </paper-icon-button>
+ </div>
</div>
</div>
« no previous file with comments | « ui/login/account_picker/md_user_pod_row.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698