1
0
mirror of https://github.com/chinchang/web-maker.git synced 2025-07-10 00:16:18 +02:00

prettier btn style change

This commit is contained in:
Kushagra Gour
2019-03-18 10:04:09 +05:30
parent 1e71020d0b
commit d504f42369
2 changed files with 8 additions and 5 deletions

View File

@ -672,10 +672,7 @@ export default class ContentWrapFiles extends Component {
class="code-wrap" class="code-wrap"
onTransitionEnd={this.updateCodeWrapCollapseStates.bind(this)} onTransitionEnd={this.updateCodeWrapCollapseStates.bind(this)}
> >
<div <div class="js-code-wrap__header code-wrap__header">
class="js-code-wrap__header code-wrap__header"
title="Double click to toggle code pane"
>
<div class="flex flex-v-center"> <div class="flex flex-v-center">
<FileIcon file={this.state.selectedFile} /> <FileIcon file={this.state.selectedFile} />
{this.state.selectedFile ? this.state.selectedFile.name : ''} {this.state.selectedFile ? this.state.selectedFile.name : ''}
@ -683,9 +680,13 @@ export default class ContentWrapFiles extends Component {
<div class="code-wrap__header-right-options"> <div class="code-wrap__header-right-options">
<button <button
class="btn btn--dark" class="btn btn--dark"
aria-label="Format code"
title="Format Code"
onClick={this.prettifyBtnClickHandler.bind(this)} onClick={this.prettifyBtnClickHandler.bind(this)}
> >
Prettify <svg>
<use xlinkHref="#code-brace-icon" />
</svg>
</button> </button>
<a <a
class="js-code-collapse-btn code-wrap__header-btn code-wrap__collapse-btn" class="js-code-collapse-btn code-wrap__header-btn code-wrap__collapse-btn"

View File

@ -631,6 +631,8 @@ body:not(.light-version).overlay-visible .main-container {
position: relative; position: relative;
/* bring over mode select boxes */ /* bring over mode select boxes */
z-index: 1; z-index: 1;
display: flex;
align-items: center;
} }
.code-wrap__collapse-btn:before { .code-wrap__collapse-btn:before {