mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-07-21 22:11:12 +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"> <div class="flex flex-v-center">
<button <button
type="button" type="button"
class="btn--dark" class="btn btn--dark"
onClick={this.addFileButtonClickHandler.bind(this)} onClick={this.addFileButtonClickHandler.bind(this)}
> >
<svg <svg
@@ -253,7 +253,7 @@ export class SidePane extends Component {
</button> </button>
<button <button
type="button" type="button"
class="btn--dark" class="btn btn--dark"
onClick={this.addFolderButtonClickHandler.bind(this)} onClick={this.addFolderButtonClickHandler.bind(this)}
> >
<svg <svg

16
src/style.css
View File

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