Skip to content

Commit

Permalink
Merge pull request #6124 from aamct2/fix-missing-button-titles
Browse files Browse the repository at this point in the history 
Add missing button titles
  • Loading branch information
@Armanio @shilman
Armanio authored and shilman committed Mar 23, 2019
1 parent b67002f commit 0a2c17e
Show file tree
Hide file tree
Showing 2 changed files with 450 additions and 505 deletions.
297 changes: 130 additions & 167 deletions examples/official-storybook/tests/__snapshots__/storyshots.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3328,73 +3328,16 @@ exports[`Storyshots UI|Settings/ShortcutsScreen default shortcuts 1`] = `
}
.emotion-8 {
overflow-y: hidden;
overflow-x: auto;
color: #999999;
width: 100%;
height: 40px;
overflow: auto;
overflow-x: auto;
overflow-y: hidden;
-webkit-scrollbar-width: slim;
-moz-scrollbar-width: slim;
-ms-scrollbar-width: slim;
scrollbar-width: slim;
-webkit-scrollbar-width: 3px;
-moz-scrollbar-width: 3px;
-ms-scrollbar-width: 3px;
scrollbar-width: 3px;
-webkit-scrollbar-color: transparent transparent;
-moz-scrollbar-color: transparent transparent;
-ms-scrollbar-color: transparent transparent;
scrollbar-color: transparent transparent;
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
}
.emotion-8:hover {
-webkit-scrollbar-width: none;
-moz-scrollbar-width: none;
-ms-scrollbar-width: none;
scrollbar-width: none;
-webkit-scrollbar-width: 0;
-moz-scrollbar-width: 0;
-ms-scrollbar-width: 0;
scrollbar-width: 0;
}
.emotion-8::-webkit-scrollbar {
height: 3px;
width: 3px;
background: transparent;
box-shadow: none;
display: none;
}
.emotion-8:hover::-webkit-scrollbar {
height: 3px;
width: 3px;
background: transparent;
display: block;
}
.emotion-8::-webkit-scrollbar-track {
border-radius: 0;
background: transparent;
opacity: 0;
border: 0 none;
box-shadow: none;
height: 0;
width: 0;
}
.emotion-8::-webkit-scrollbar-thumb {
border-radius: 0;
background: rgba(0,0,0,.1);
box-shadow: none;
}
.emotion-8::-webkit-scrollbar-track-piece {
display: none;
border: 0 none;
opacity: 0;
visibility: hidden;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
box-shadow: rgba(0,0,0,.1) 0 -1px 0 0 inset;
background: #FFFFFF;
}
.emotion-7 {
Expand All @@ -3407,7 +3350,12 @@ exports[`Storyshots UI|Settings/ShortcutsScreen default shortcuts 1`] = `
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
white-space: nowrap;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 40px;
}
Expand All @@ -3416,6 +3364,7 @@ exports[`Storyshots UI|Settings/ShortcutsScreen default shortcuts 1`] = `
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
white-space: nowrap;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
Expand Down Expand Up @@ -3486,6 +3435,7 @@ exports[`Storyshots UI|Settings/ShortcutsScreen default shortcuts 1`] = `
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
white-space: nowrap;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
Expand Down Expand Up @@ -3515,12 +3465,23 @@ exports[`Storyshots UI|Settings/ShortcutsScreen default shortcuts 1`] = `
display: block;
position: relative;
font-size: 13px;
position: relative;
height: calc(100% - 40px);
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 40px;
overflow: auto;
}
.emotion-99 > *:first-child {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
height: 100%;
overflow: auto;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
}
.emotion-5 {
Expand Down Expand Up @@ -3859,73 +3820,16 @@ exports[`Storyshots UI|Settings/ShortcutsScreen default shortcuts 1`] = `
}
.emotion-8 {
overflow-y: hidden;
overflow-x: auto;
color: #999999;
width: 100%;
height: 40px;
overflow: auto;
overflow-x: auto;
overflow-y: hidden;
-webkit-scrollbar-width: slim;
-moz-scrollbar-width: slim;
-ms-scrollbar-width: slim;
scrollbar-width: slim;
-webkit-scrollbar-width: 3px;
-moz-scrollbar-width: 3px;
-ms-scrollbar-width: 3px;
scrollbar-width: 3px;
-webkit-scrollbar-color: transparent transparent;
-moz-scrollbar-color: transparent transparent;
-ms-scrollbar-color: transparent transparent;
scrollbar-color: transparent transparent;
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
}
.emotion-8:hover {
-webkit-scrollbar-width: none;
-moz-scrollbar-width: none;
-ms-scrollbar-width: none;
scrollbar-width: none;
-webkit-scrollbar-width: 0;
-moz-scrollbar-width: 0;
-ms-scrollbar-width: 0;
scrollbar-width: 0;
}
.emotion-8::-webkit-scrollbar {
height: 3px;
width: 3px;
background: transparent;
box-shadow: none;
display: none;
}
.emotion-8:hover::-webkit-scrollbar {
height: 3px;
width: 3px;
background: transparent;
display: block;
}
.emotion-8::-webkit-scrollbar-track {
border-radius: 0;
background: transparent;
opacity: 0;
border: 0 none;
box-shadow: none;
height: 0;
width: 0;
}
.emotion-8::-webkit-scrollbar-thumb {
border-radius: 0;
background: rgba(0,0,0,.1);
box-shadow: none;
}
.emotion-8::-webkit-scrollbar-track-piece {
display: none;
border: 0 none;
opacity: 0;
visibility: hidden;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
box-shadow: rgba(0,0,0,.1) 0 -1px 0 0 inset;
background: #FFFFFF;
}
.emotion-7 {
Expand All @@ -3938,7 +3842,12 @@ exports[`Storyshots UI|Settings/ShortcutsScreen default shortcuts 1`] = `
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
white-space: nowrap;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 40px;
}
Expand All @@ -3947,6 +3856,7 @@ exports[`Storyshots UI|Settings/ShortcutsScreen default shortcuts 1`] = `
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
white-space: nowrap;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
Expand Down Expand Up @@ -4017,6 +3927,7 @@ exports[`Storyshots UI|Settings/ShortcutsScreen default shortcuts 1`] = `
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
white-space: nowrap;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
Expand Down Expand Up @@ -4046,12 +3957,23 @@ exports[`Storyshots UI|Settings/ShortcutsScreen default shortcuts 1`] = `
display: block;
position: relative;
font-size: 13px;
position: relative;
height: calc(100% - 40px);
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 40px;
overflow: auto;
}
.emotion-99 > *:first-child {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
height: 100%;
overflow: auto;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
}
.emotion-5 {
Expand Down Expand Up @@ -4381,43 +4303,84 @@ exports[`Storyshots UI|Settings/ShortcutsScreen default shortcuts 1`] = `
>
<div
class="emotion-8"
data-simplebar="true"
>
<div
class="emotion-7"
class="simplebar-wrapper"
>
<div
class="emotion-2"
class="simplebar-height-auto-observer-wrapper"
>
<div
class="emotion-1"
role="tablist"
>
<button
class="emotion-0"
role="tab"
type="button"
>
Keyboard Shortcuts
</button>
</div>
class="simplebar-height-auto-observer"
/>
</div>
<div
class="emotion-6"
class="simplebar-mask"
>
<button
class="emotion-5"
<div
class="simplebar-offset"
>
<svg
class="emotion-4"
viewBox="0 0 1024 1024"
<div
class="simplebar-content"
>
<path
class="emotion-3"
d="M693.022 637.866c15.62 15.622 15.618 40.95 0 56.566-15.622 15.622-40.946 15.624-56.562 0.002l-124.46-124.458-124.456 124.458c-15.622 15.622-40.944 15.622-56.562 0-15.624-15.622-15.624-40.946-0.002-56.568l124.454-124.456-124.452-124.45c-15.622-15.622-15.622-40.946 0-56.564 15.62-15.624 40.944-15.624 56.568-0.002l124.45 124.45 124.454-124.452c15.622-15.62 40.95-15.62 56.566 0 15.622 15.62 15.624 40.944 0.002 56.56l-124.456 124.458 124.456 124.456zM828.784 828.784c-174.956 174.956-458.614 174.956-633.566 0-174.958-174.956-174.958-458.614 0-633.566 174.954-174.958 458.612-174.958 633.566 0 174.954 174.952 174.954 458.612 0 633.566zM880 511.998c-0.002-98.296-38.28-190.708-107.786-260.212s-161.92-107.786-260.214-107.788c-98.296 0.002-190.71 38.282-260.216 107.786-69.506 69.508-107.782 161.918-107.786 260.214 0.002 98.296 38.282 190.71 107.786 260.216 69.508 69.506 161.918 107.784 260.216 107.784 98.296 0 190.708-38.278 260.214-107.784s107.784-161.92 107.786-260.216z"
/>
</svg>
</button>
<div
class="emotion-7"
>
<div
class="emotion-2"
>
<div
class="emotion-1"
role="tablist"
>
<button
class="emotion-0"
role="tab"
type="button"
>
Keyboard Shortcuts
</button>
</div>
</div>
<div
class="emotion-6"
>
<button
class="emotion-5"
>
<svg
class="emotion-4"
viewBox="0 0 1024 1024"
>
<path
class="emotion-3"
d="M693.022 637.866c15.62 15.622 15.618 40.95 0 56.566-15.622 15.622-40.946 15.624-56.562 0.002l-124.46-124.458-124.456 124.458c-15.622 15.622-40.944 15.622-56.562 0-15.624-15.622-15.624-40.946-0.002-56.568l124.454-124.456-124.452-124.45c-15.622-15.622-15.622-40.946 0-56.564 15.62-15.624 40.944-15.624 56.568-0.002l124.45 124.45 124.454-124.452c15.622-15.62 40.95-15.62 56.566 0 15.622 15.62 15.624 40.944 0.002 56.56l-124.456 124.458 124.456 124.456zM828.784 828.784c-174.956 174.956-458.614 174.956-633.566 0-174.958-174.956-174.958-458.614 0-633.566 174.954-174.958 458.612-174.958 633.566 0 174.954 174.952 174.954 458.612 0 633.566zM880 511.998c-0.002-98.296-38.28-190.708-107.786-260.212s-161.92-107.786-260.214-107.788c-98.296 0.002-190.71 38.282-260.216 107.786-69.506 69.508-107.782 161.918-107.786 260.214 0.002 98.296 38.282 190.71 107.786 260.216 69.508 69.506 161.918 107.784 260.216 107.784 98.296 0 190.708-38.278 260.214-107.784s107.784-161.92 107.786-260.216z"
/>
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
<div
class="simplebar-placeholder"
/>
</div>
<div
class="simplebar-track simplebar-horizontal"
>
<div
class="simplebar-scrollbar"
/>
</div>
<div
class="simplebar-track simplebar-vertical"
>
<div
class="simplebar-scrollbar"
/>
</div>
</div>
<div
Expand Down
Loading

0 comments on commit 0a2c17e

Please sign in to comment.