Rename shrinkButton to toggleButton.

evhan55 · evhan55 · commit 4efd3fcbadfa · 2019-05-07T11:42:40.000-04:00
diff --git a/src/components/cards/card.css b/src/components/cards/card.css
@@ -117,7 +117,7 @@
     flex-direction: row;
 }
 
-.shrink-button {
+.toggle-button {
     cursor: pointer;
     color: white;
     display: flex;
@@ -127,7 +127,7 @@
     padding: 0.75rem;
 }
 
-.shrink-button:hover, .all-button:hover {
+.toggle-button:hover, .all-button:hover {
     background-color: $ui-black-transparent;
 }
 
diff --git a/src/components/cards/cards.jsx b/src/components/cards/cards.jsx
@@ -43,7 +43,7 @@ const CardHeader = ({onCloseCards, onToggleCards, onShowAll, totalSteps, step, t
         ) : null}
         <div className={styles.headerButtonsRight}>
             <div
-                className={styles.shrinkButton}
+                className={styles.toggleButton}
                 onClick={onToggleCards}
             >
                 {toggle ? 'Shrink' : 'Expand'}

Original file line number	Diff line number	Diff line change
`@@ -117,7 +117,7 @@`
`117`	`117`	`flex-direction: row;`
`118`	`118`	`}`
`119`	`119`
`120`		`-.shrink-button {`
	`120`	`+.toggle-button {`
`121`	`121`	`cursor: pointer;`
`122`	`122`	`color: white;`
`123`	`123`	`display: flex;`
`@@ -127,7 +127,7 @@`
`127`	`127`	`padding: 0.75rem;`
`128`	`128`	`}`
`129`	`129`
`130`		`-.shrink-button:hover, .all-button:hover {`
	`130`	`+.toggle-button:hover, .all-button:hover {`
`131`	`131`	`background-color: $ui-black-transparent;`
`132`	`132`	`}`
`133`	`133`
Original file line number	Diff line number	Diff line change
`@@ -43,7 +43,7 @@ const CardHeader = ({onCloseCards, onToggleCards, onShowAll, totalSteps, step, t`
`43`	`43`	`) : null}`
`44`	`44`	`<div className={styles.headerButtonsRight}>`
`45`	`45`	`<div`
`46`		`- className={styles.shrinkButton}`
	`46`	`+ className={styles.toggleButton}`
`47`	`47`	`onClick={onToggleCards}`
`48`	`48`	`>`
`49`	`49`	`{toggle ? 'Shrink' : 'Expand'}`