mirror of
https://github.com/facebook/docusaurus.git
synced 2025-07-21 18:47:50 +02:00
fix(v2): various improvements for accessibility (#2480)
This commit is contained in:
parent
8fe203d529
commit
c299baa80b
6 changed files with 169 additions and 161 deletions
|
@ -18,9 +18,7 @@ function BrowserWindow({children, minHeight, url}) {
|
|||
<span className={styles.dot} style={{background: '#fbbe3c'}} />
|
||||
<span className={styles.dot} style={{background: '#58cb42'}} />
|
||||
</div>
|
||||
<div className={styles.browserWindowAddressBar}>
|
||||
<input disabled type="text" value={url} readOnly />
|
||||
</div>
|
||||
<div className={styles.browserWindowAddressBar}>{url}</div>
|
||||
<div className={styles.browserWindowMenuIcon}>
|
||||
<div>
|
||||
<span className={styles.bar} />
|
||||
|
|
|
@ -35,8 +35,13 @@
|
|||
|
||||
.browserWindowAddressBar {
|
||||
flex: 1 0;
|
||||
margin-left: 0.5rem;
|
||||
margin-right: 1rem;
|
||||
margin: 0 1rem 0 0.5rem;
|
||||
border-radius: 12.5px;
|
||||
background-color: #fff;
|
||||
color: #666;
|
||||
padding: 5px 15px;
|
||||
font: 400 13px Arial;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.dot {
|
||||
|
@ -49,17 +54,6 @@
|
|||
display: inline-block;
|
||||
}
|
||||
|
||||
input[type='text'] {
|
||||
width: 100%;
|
||||
border-radius: 12.5px;
|
||||
border: none;
|
||||
background-color: white;
|
||||
margin-top: -8px;
|
||||
height: 25px;
|
||||
color: #666;
|
||||
padding: 5px 15px;
|
||||
}
|
||||
|
||||
.browserWindowMenuIcon {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue