mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-07-19 21:11:13 +02:00
Code Issues Releases Wiki Activity

ui a11y improvements

Browse Source
This commit is contained in:
Kushagra Gour
2019-03-02 20:01:08 +05:30
parent b38331de75
commit 38efcf38c1
2 changed files with 8 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/SidePane.jsx
View File

@@ -241,7 +241,7 @@ export class SidePane extends Component {
<div class="flex flex-v-center">
<button
type="button"
class="btn--dark"
class="btn btn--dark"
onClick={this.addFileButtonClickHandler.bind(this)}
>
<svg
@@ -253,7 +253,7 @@ export class SidePane extends Component {
</button>
<button
type="button"
class="btn--dark"
class="btn btn--dark"
onClick={this.addFolderButtonClickHandler.bind(this)}
>
<svg

16
src/style.css
View File

@@ -342,7 +342,8 @@ a > svg {
}
.btn {
display: inline-block;
display: inline-flex;
align-items: center;
color: var(--color-button);
font-size: inherit;
background: transparent;
@@ -452,7 +453,7 @@ body:not(.light-version).overlay-visible .main-container {
height: 1px;
/* HACK: 70px is approx header+footer. This is required to because
on FF the content-wrap goes beyond the flex parent otherwise. */
max-height: calc(100% - 70px);
max-height: calc(100% - 75px);
}
.code-side,
@@ -745,15 +746,10 @@ body > #demo-frame {
color: #bbbfd3;
border-radius: 3px;
margin-left: 10px;
padding: 0px 8px;
padding: 3px 8px;
border: 1px solid rgba(0, 0, 0, 0.9);
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.5) 0,
rgba(255, 255, 255, 0.1) 100%
);
/*text-shadow: 0px 1px 1px rgba(0,0,0,1);*/
box-shadow: 0 -1px 0px 0 rgba(255, 255, 255, 0.15);
background: linear-gradient(180deg, hsl(0, 0%, 25%) 0, hsl(0, 0%, 13%) 100%);
box-shadow: inset 0 1px 0px 0 rgba(255, 255, 255, 0.15);
}
.btn--dark > svg {