Change chalkboard to pre tag for people who do not have write access because some screen readers seem to have problems with read only edit boxes.
This commit is contained in:
+23
-3
@@ -829,14 +829,33 @@ h1 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#chalkboard {
|
||||
#chalkboard,
|
||||
#chalkboard-view {
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-height: 8rem;
|
||||
}
|
||||
|
||||
#chalkboard {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
#chalkboard-view {
|
||||
border: 1px solid #767676;
|
||||
border-radius: 2px;
|
||||
font-family: monospace;
|
||||
margin: 0;
|
||||
overflow: auto;
|
||||
padding: 2px;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
#chalkboard[hidden],
|
||||
#chalkboard-view[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#chalkboard-copy {
|
||||
margin-top: 0.35rem;
|
||||
}
|
||||
@@ -845,11 +864,12 @@ h1 {
|
||||
opacity: 0.55;
|
||||
}
|
||||
|
||||
#chalkboard[readonly] {
|
||||
#chalkboard-view {
|
||||
background: #f3f3f3;
|
||||
}
|
||||
|
||||
#chalkboard:focus {
|
||||
#chalkboard:focus,
|
||||
#chalkboard-view:focus {
|
||||
outline: 2px solid #0066cc;
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user