Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Try G2 #19344

Merged
merged 63 commits into from
Feb 25, 2020
Merged

Try G2 #19344

Changes from 1 commit
Commits
Show all changes
63 commits
Select commit Hold shift + click to select a range
c02489b
Move the block movers to the block toolbar
youknowriad Nov 22, 2019
889b891
Merge the movers into one button
youknowriad Dec 12, 2019
334a925
Fix multi-selection movers
youknowriad Dec 12, 2019
9f2a4c8
Increase the size of the block toolbar
youknowriad Dec 13, 2019
9cf6785
Fix styles after rebase
youknowriad Dec 24, 2019
3b83cff
Fix horizontal movers
youknowriad Dec 24, 2019
962e343
Fix height of top toolbar
youknowriad Dec 24, 2019
b4bc4eb
Breadcrumb toolbar fix
youknowriad Dec 24, 2019
d146aa4
Block Popover: editor canvas as boundary (#19322)
ellatrix Jan 14, 2020
d5d8a0a
Update block borders dark and 1px
youknowriad Dec 27, 2019
c36998c
Simplify hover and focus styles for buttons
youknowriad Dec 27, 2019
c08e520
Remove selected state and add focus state
youknowriad Dec 27, 2019
91d4e51
Update dropdown menus styles
youknowriad Dec 27, 2019
9d5ae41
tweaks
youknowriad Dec 27, 2019
c13f756
New placeholder style
youknowriad Dec 27, 2019
6dffd8b
Fix post title border styling
youknowriad Dec 27, 2019
7c0b54e
Update autocomplete styles
youknowriad Dec 27, 2019
89da294
Add corner triangle for the block switcher toggle
youknowriad Jan 2, 2020
90f4b32
no arrow indicator for dropdowns
youknowriad Jan 2, 2020
87980ea
Implement grid system.
Jan 8, 2020
9e37e63
Polish the mover icons.
Jan 9, 2020
f04ff76
Improve focus style for blocks, unify with multiselection.
jasmussen Jan 10, 2020
b75af39
Outset focus/select styles.
Jan 13, 2020
5602b7a
Refactor toolbar focus styles.
Jan 13, 2020
baaf2ad
Improve how the styles work with plugins.
Jan 14, 2020
efa7f91
Refactor focus styles again. Make more plugin compatible.
Jan 14, 2020
da73af8
Simplify first and last child code.
Jan 15, 2020
2d61458
Refactor "Block UI" to mixin, and polish permalinks.
Jan 15, 2020
dd732d0
Fix horizontal mover.
Jan 15, 2020
f27376d
Refactor away the block pseudo selector and polish reusables.
Jan 15, 2020
96d3503
Polish reusable blocks, warnings.
Jan 15, 2020
06c9eb7
Fix typo and initial work on navigation/select mode.
Jan 15, 2020
5d9d315
Refine select mode.
Jan 15, 2020
368a174
Fix unit tests
youknowriad Jan 16, 2020
1263f64
Fix toolbar in top toolbar mode and responsive
youknowriad Jan 16, 2020
fd0f679
Fix hover and toggle styles in top toolbar.
Jan 16, 2020
c704c74
Fix toggled states inside alignments.
Jan 16, 2020
f4becd7
Fix HTML block toolbar.
Jan 16, 2020
20e9d9c
Fix breadcrumbs.
jasmussen Jan 17, 2020
dd1c844
Polish toolips, make them not block hovering.
jasmussen Jan 17, 2020
2d4af41
Polish the focus ring, and Text Only buttons.
jasmussen Jan 17, 2020
601d5dd
Restore the drag line indicator.
Jan 21, 2020
a23c5d4
Refactor the focus rectangle.
Jan 22, 2020
0782246
Rename a color variable, and fix switcher icon size.
Jan 23, 2020
59c4dc6
Fix small css bug after rebase
youknowriad Feb 4, 2020
047b2a2
Center inbetweenserter.
Feb 5, 2020
79aa5cf
Same appearance for rich text toolbar (captions)
Feb 5, 2020
10705ed
Polish caption toolbar further.
Feb 5, 2020
6df212a
Fix icon rebase regression.
Feb 6, 2020
52d6b76
Fix inbetweenserter/dropdown position issue.
Feb 6, 2020
6363ff3
Remove the recycle icon from the toolbar.
Feb 6, 2020
22bd2d8
Fix rebase issue.
Feb 11, 2020
6daf068
Fix toolbar boundary element
youknowriad Feb 13, 2020
c745cec
Fix linting and unit tests
youknowriad Feb 13, 2020
819989b
Fix dropdown preview.
jasmussen Feb 18, 2020
e986412
Implement the G2 Mover interactions (#20056)
Feb 19, 2020
12756c4
Fix small movers visual glitch when there's only one block
youknowriad Feb 20, 2020
6d946a9
G2: UI surrounding the editor canvas (#19348)
youknowriad Feb 20, 2020
41b7eaf
Fix issue with drop target indicator.
Feb 20, 2020
9c0e0b3
Fix block toolbars with preview (#20351)
tellthemachines Feb 24, 2020
ead309d
Fix unit tests
youknowriad Feb 24, 2020
b1f3a9d
Fix movers e2e tests
youknowriad Feb 24, 2020
91fdca1
fix post rebase
youknowriad Feb 24, 2020
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Update autocomplete styles
  • Loading branch information
youknowriad committed Feb 24, 2020
commit 7c0b54e85819f0168abb922838702f258e67c4b9
32 changes: 3 additions & 29 deletions packages/components/src/autocomplete/style.scss
Original file line number Diff line number Diff line change
@@ -1,38 +1,12 @@
.components-autocomplete__popover .components-popover__content {
min-width: 200px;
}

.components-autocomplete__popover .components-autocomplete__results {
padding: 3px;
display: flex;
flex-direction: column;
align-items: stretch;

&:empty {
display: none;
}
padding: $grid-size-large;
}

.components-autocomplete__result.components-button {
margin-bottom: 0;
font-family: $default-font;
font-size: $default-font-size;
color: $dark-gray-500;
display: flex;
flex-direction: row;
flex-grow: 1;
flex-shrink: 0;
align-items: center;
padding: 6px 8px;
margin-left: -3px;
margin-right: -3px;
text-align: left;
width: 100%;

&.is-selected {
@include menu-style__focus;
}

&:hover {
@include menu-style__hover;
box-shadow: 0 0 0 1px color($theme-color);
}
}