diff options
| author | anika-ahluwalia <anika.ahluwalia@gmail.com> | 2020-08-07 11:26:33 -0500 |
|---|---|---|
| committer | anika-ahluwalia <anika.ahluwalia@gmail.com> | 2020-08-07 11:26:33 -0500 |
| commit | 6316971c51d327563ebb61d461325c7e9edbec24 (patch) | |
| tree | 2bc6a036ec2142edba9117c887d924da3416498b /src | |
| parent | 362eb4d830c23a40c0813e7aae21e6bf6c5292b3 (diff) | |
button color change for sally
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/views/PropertiesButtons.tsx | 39 |
1 files changed, 23 insertions, 16 deletions
diff --git a/src/client/views/PropertiesButtons.tsx b/src/client/views/PropertiesButtons.tsx index 4255e5caa..5e25ead87 100644 --- a/src/client/views/PropertiesButtons.tsx +++ b/src/client/views/PropertiesButtons.tsx @@ -225,10 +225,11 @@ export class PropertiesButtons extends React.Component<{}, {}> { <FontAwesomeIcon className="documentdecorations-icon" size="lg" icon="map-pin" /> </div> - <div className="propertiesButtons-title" style={{ - backgroundColor: Doc.isDocPinned(targetDoc) ? "white" : "black", - color: Doc.isDocPinned(targetDoc) ? "black" : "white" - }} + <div className="propertiesButtons-title" + // style={{ + // backgroundColor: Doc.isDocPinned(targetDoc) ? "white" : "black", + // color: Doc.isDocPinned(targetDoc) ? "black" : "white" + // }} >{Doc.isDocPinned(targetDoc) ? "Unpin" : "Pin"}</div> </div> </Tooltip>; @@ -382,10 +383,12 @@ export class PropertiesButtons extends React.Component<{}, {}> { color={BoolCast(this.selectedDoc?.lockedPosition) ? "black" : "white"} icon={BoolCast(this.selectedDoc?.lockedPosition) ? "unlock" : "lock"} size="lg" />} </div> - <div className="propertiesButtons-title" style={{ - backgroundColor: BoolCast(this.selectedDoc?.lockedPosition) ? "white" : "black", - color: BoolCast(this.selectedDoc?.lockedPosition) ? "black" : "white" - }}>Position </div> + <div className="propertiesButtons-title" + // style={{ + // backgroundColor: BoolCast(this.selectedDoc?.lockedPosition) ? "white" : "black", + // color: BoolCast(this.selectedDoc?.lockedPosition) ? "black" : "white" + // }} + >Position </div> </div> </Tooltip>; } @@ -595,10 +598,12 @@ export class PropertiesButtons extends React.Component<{}, {}> { color={this.selectedDoc?.useClusters ? "black" : "white"} icon="braille" size="lg" />} </div> - <div className="propertiesButtons-title" style={{ - backgroundColor: this.selectedDoc?.useClusters ? "white" : "black", - color: this.selectedDoc?.useClusters ? "black" : "white" - }}> clusters </div> + <div className="propertiesButtons-title" + // style={{ + // backgroundColor: this.selectedDoc?.useClusters ? "white" : "black", + // color: this.selectedDoc?.useClusters ? "black" : "white" + // }} + > clusters </div> </div> </Tooltip>; } @@ -626,10 +631,12 @@ export class PropertiesButtons extends React.Component<{}, {}> { color={this.selectedDoc?._fitToBox ? "black" : "white"} icon="expand" size="lg" />} </div> - <div className="propertiesButtons-title" style={{ - backgroundColor: this.selectedDoc?._fitToBox ? "white" : "black", - color: this.selectedDoc?._fitToBox ? "black" : "white" - }}> {this.selectedDoc?._fitToBox ? "unfit" : "fit"} </div> + <div className="propertiesButtons-title" + // style={{ + // backgroundColor: this.selectedDoc?._fitToBox ? "white" : "black", + // color: this.selectedDoc?._fitToBox ? "black" : "white" + // }} + > {this.selectedDoc?._fitToBox ? "unfit" : "fit"} </div> </div> </Tooltip>; } |