[go: nahoru, domu]
Google Git
Sign in
chromium / devtools / devtools-frontend / f746fe4a57190be85ee170add03a16cf6cd4ba27 / . / front_end / panels / webauthn / webauthnPane.css
blob: fc1004e75cb77c5eee3175a186ef02c617174070 [file] [log] [blame]
Fawaz Mohammad81995832020-06-09 18:28:23[diff] [blame]1/*
2 * Copyright (c) 2020 The Chromium Authors. All rights reserved.
3 * Use of this source code is governed by a BSD-style license that can be
4 * found in the LICENSE file.
5 */
6
Fawaz Mohammad947260e2020-06-30 19:01:32[diff] [blame]7.webauthn-pane {
Fawaz Mohammad947260e2020-06-30 19:01:32[diff] [blame]8 overflow: auto;
Fawaz Mohammad52711d82020-07-17 15:57:05[diff] [blame]9 min-width: 500px;
Fawaz Mohammad947260e2020-06-30 19:01:32[diff] [blame]10}
Fawaz Mohammade48118e2020-06-19 17:33:21[diff] [blame]11
12.webauthn-toolbar-container {
Mathias Bynensc28f64b2020-07-13 09:08:10[diff] [blame]13 display: flex;
Jack Franklin374ec392021-04-27 15:36:55[diff] [blame]14 background-color: var(--color-background-elevation-1);
Jack Franklin9b1435f2021-04-28 13:25:49[diff] [blame]15 border-bottom: var(--legacy-divider-border);
Mathias Bynensc28f64b2020-07-13 09:08:10[diff] [blame]16 flex: 0 0 auto;
Fawaz Mohammade48118e2020-06-19 17:33:21[diff] [blame]17}
18
Fawaz Mohammad81995832020-06-09 18:28:23[diff] [blame]19.webauthn-toolbar {
Jack Franklin9b1435f2021-04-28 13:25:49[diff] [blame]20 border-bottom: var(--legacy-divider-border);
Mathias Bynensc28f64b2020-07-13 09:08:10[diff] [blame]21 display: inline-block;
Fawaz Mohammad81995832020-06-09 18:28:23[diff] [blame]22}
Fawaz Mohammad947260e2020-06-30 19:01:32[diff] [blame]23
Fawaz Mohammadff337e32020-08-10 18:42:03[diff] [blame]24.authenticators-view {
25 margin: 0 10px;
Jan Scheffler3f108102020-11-11 13:23:29[diff] [blame]26 min-height: auto;
27 display: none;
28}
29
30.webauthn-pane.enabled .authenticators-view {
31 display: block;
Fawaz Mohammadff337e32020-08-10 18:42:03[diff] [blame]32}
Fawaz Mohammad947260e2020-06-30 19:01:32[diff] [blame]33/* New Authenticator Section */
34.new-authenticator-title {
35 line-height: 24px;
36 font-weight: bold;
37 display: block;
38}
39
40.new-authenticator-container {
Jan Scheffler3f108102020-11-11 13:23:29[diff] [blame]41 display: none;
Tim van der Lippef746fe42021-11-04 16:11:54[diff] [blame^]42 margin: 10px 10px;
Fawaz Mohammad947260e2020-06-30 19:01:32[diff] [blame]43}
44
Jan Scheffler3f108102020-11-11 13:23:29[diff] [blame]45.webauthn-pane.enabled .new-authenticator-container {
46 display: block;
47}
48
Fawaz Mohammad947260e2020-06-30 19:01:32[diff] [blame]49.new-authenticator-form {
50 border: none;
51 padding: 10px 0;
Fawaz Mohammad947260e2020-06-30 19:01:32[diff] [blame]52 flex: 0 0 auto;
53 margin: 0;
54}
55
56.webauthn-pane .chrome-select {
57 width: 120px;
58}
Fawaz Mohammad947260e2020-06-30 19:01:32[diff] [blame]59/* Active Authenticator Section */
60.authenticator-section {
61 display: block;
Jan Scheffler3f108102020-11-11 13:23:29[diff] [blame]62 padding: 16px 0;
Yang Guo682ddb92021-03-22 09:22:07[diff] [blame]63 border-bottom: 1px solid var(--color-details-hairline);
Fawaz Mohammad947260e2020-06-30 19:01:32[diff] [blame]64}
65
66.authenticator-fields {
67 border: none;
68 padding: 10px 0;
Fawaz Mohammad947260e2020-06-30 19:01:32[diff] [blame]69 flex: 0 0 auto;
70 margin: 0;
71}
72
73.authenticator-field {
74 display: flex;
Fawaz Mohammad947260e2020-06-30 19:01:32[diff] [blame]75 margin: auto;
76}
Mathias Bynensc28f64b2020-07-13 09:08:10[diff] [blame]77
Fawaz Mohammad947260e2020-06-30 19:01:32[diff] [blame]78.authenticator-section-title {
79 line-height: 24px;
Fawaz Mohammadbbfa16e2020-07-22 19:59:16[diff] [blame]80 width: 260px;
Fawaz Mohammad947260e2020-06-30 19:01:32[diff] [blame]81 display: inline-block;
82}
83
Fawaz Mohammadbbfa16e2020-07-22 19:59:16[diff] [blame]84.authenticator-section-title .authenticator-name-field {
85 width: 220px;
86 display: inline-block;
87 font-weight: bold;
88 border: none;
89 animation: save-flash 0.2s;
Jan Scheffler7e400502020-09-30 13:03:01[diff] [blame]90 text-overflow: ellipsis;
Fawaz Mohammadbbfa16e2020-07-22 19:59:16[diff] [blame]91}
92
93.authenticator-section-title.editing-name .authenticator-name-field {
Yang Guo682ddb92021-03-22 09:22:07[diff] [blame]94 border-bottom: 1px solid var(--input-outline);
Fawaz Mohammadbbfa16e2020-07-22 19:59:16[diff] [blame]95 font-weight: normal;
96 animation: none;
97}
98
Fawaz Mohammad947260e2020-06-30 19:01:32[diff] [blame]99.authenticator-field-value {
Tim van der Lippef746fe42021-11-04 16:11:54[diff] [blame^]100 padding: 5px 0 5px 0;
Fawaz Mohammad947260e2020-06-30 19:01:32[diff] [blame]101 display: inline-block;
102 font-family: monospace;
103}
104
105.authenticator-option-checkbox {
106 position: relative;
107 top: 2px;
108}
109
110.authenticator-option {
111 display: flex;
112 padding-bottom: 10px;
113 margin: auto;
114}
115
116.authenticator-option-label {
Fawaz Mohammad947260e2020-06-30 19:01:32[diff] [blame]117 text-align: right;
118 width: 200px;
119 display: inline-block;
Fawaz Mohammadff337e32020-08-10 18:42:03[diff] [blame]120 padding: 5px 10px 0 0;
Fawaz Mohammad947260e2020-06-30 19:01:32[diff] [blame]121}
122
Fawaz Mohammadff337e32020-08-10 18:42:03[diff] [blame]123.text-button {
Fawaz Mohammad947260e2020-06-30 19:01:32[diff] [blame]124 float: right;
125 white-space: nowrap;
126 overflow: hidden;
127 min-width: 28px;
128 background: transparent;
Fawaz Mohammad947260e2020-06-30 19:01:32[diff] [blame]129 border: none;
Wolfgang Beyera4cb2882020-12-01 13:37:06[diff] [blame]130 color: var(--color-link);
Fawaz Mohammad947260e2020-06-30 19:01:32[diff] [blame]131 text-decoration: underline;
132 cursor: pointer;
133}
Fawaz Mohammad52711d82020-07-17 15:57:05[diff] [blame]134
Fawaz Mohammadff337e32020-08-10 18:42:03[diff] [blame]135td .text-button {
136 min-width: 20px;
137 margin: auto;
138}
139
Fawaz Mohammad52711d82020-07-17 15:57:05[diff] [blame]140.active-button-container {
141 display: inline-block;
142 min-width: 28px;
Fawaz Mohammadbbfa16e2020-07-22 19:59:16[diff] [blame]143}
144
145.edit-name-toolbar {
146 display: inline-block;
147 vertical-align: middle;
148}
149
150@keyframes save-flash {
151 from { opacity: 0%; }
152 to { opacity: 100%; }
Fawaz Mohammad52711d82020-07-17 15:57:05[diff] [blame]153}
Fawaz Mohammadff337e32020-08-10 18:42:03[diff] [blame]154/* Credentials Table */
Fawaz Mohammadff337e32020-08-10 18:42:03[diff] [blame]155
Jan Schefflerf8a64262020-09-24 13:03:46[diff] [blame]156.data-grid-data-grid-node.centered {
Fawaz Mohammadff337e32020-08-10 18:42:03[diff] [blame]157 text-align: center;
Fawaz Mohammadff337e32020-08-10 18:42:03[diff] [blame]158}
159
Jan Schefflerf8a64262020-09-24 13:03:46[diff] [blame]160.data-grid td {
161 vertical-align: middle;
Fawaz Mohammadff337e32020-08-10 18:42:03[diff] [blame]162}
163
164.credentials-title {
Jan Schefflerf8a64262020-09-24 13:03:46[diff] [blame]165 display: block;
Fawaz Mohammadff337e32020-08-10 18:42:03[diff] [blame]166 font-weight: bold;
Jan Schefflerf8a64262020-09-24 13:03:46[diff] [blame]167 margin: 8px 0;
168}
169
170.code {
171 font-family: monospace;
Fawaz Mohammadff337e32020-08-10 18:42:03[diff] [blame]172}
Jan Scheffler3f108102020-11-11 13:23:29[diff] [blame]173
174.learn-more {
175 display: flex;
176 justify-content: center;
177 align-items: center;
178 height: 100%;
179 text-align: center;
180}
181
182.webauthn-pane.enabled .learn-more {
183 display: none;
184}