jess
/
Graphite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix CSS extraneous space beneath icons

This commit is contained in:
Keavon Chambers 2021-05-05 22:08:58 -07:00
parent b4ad274fd8
commit 6dc8c91578
8 changed files with 14 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/web/src/components/panels/Document.vue
View File

@ -153,10 +153,6 @@
margin-bottom: -8px; margin-bottom: -8px;
} }
} }
.swap-and-reset {
font-size: 0;
}
} }
.viewport { .viewport {

1
client/web/src/components/widgets/DropdownButton.vue
View File

@ -13,6 +13,7 @@
outline: none; outline: none;
border: none; border: none;
border-radius: 2px; border-radius: 2px;
vertical-align: top;
background: #111; background: #111;
fill: #ddd; fill: #ddd;

12
client/web/src/components/widgets/IconButton.vue
View File

@ -8,17 +8,15 @@
.icon-button { .icon-button {
display: inline-block; display: inline-block;
flex: 0 0 auto; flex: 0 0 auto;
padding: 0;
outline: none; outline: none;
border: none; border: none;
padding: 0; border-radius: 2px;
background: none;
vertical-align: top;
fill: #ddd;
width: 16px; width: 16px;
height: 16px; height: 16px;
background: none;
font-weight: bold;
font-size: 10px;
border-radius: 2px;
color: #ddd;
fill: #ddd;
&:not(.gap-after) + .icon-button { &:not(.gap-after) + .icon-button {
margin-left: 0; margin-left: 0;

11
client/web/src/components/widgets/IconContainer.vue
View File

@ -8,17 +8,10 @@
.icon-container { .icon-container {
display: inline-block; display: inline-block;
flex: 0 0 auto; flex: 0 0 auto;
outline: none; fill: #ddd;
border: none; vertical-align: top;
padding: 0;
width: 16px; width: 16px;
height: 16px; height: 16px;
background: none;
font-weight: bold;
font-size: 10px;
border-radius: 2px;
color: #ddd;
fill: #ddd;
&:not(.gap-after) + .icon-container { &:not(.gap-after) + .icon-container {
margin-left: 0; margin-left: 0;

2
client/web/src/components/widgets/NumberInput.vue
View File

@ -24,7 +24,7 @@
padding: 0; padding: 0;
line-height: 22px; line-height: 22px;
color: #ddd; color: #ddd;
font-size: 14px; font-size: inherit;
text-align: center; text-align: center;
font-family: inherit; font-family: inherit;

2
client/web/src/components/widgets/RadioPicker.vue
View File

@ -6,8 +6,6 @@
<style lang="scss"> <style lang="scss">
.radio-picker { .radio-picker {
font-size: 0;
button { button {
fill: #ddd; fill: #ddd;
border-radius: 0; border-radius: 0;

2
client/web/src/components/widgets/ShelfItem.vue
View File

@ -8,7 +8,6 @@
.shelf-item { .shelf-item {
padding: 4px; padding: 4px;
border-radius: 2px; border-radius: 2px;
font-size: 0;
&:hover { &:hover {
background: #666; background: #666;
@ -21,6 +20,7 @@
svg { svg {
width: 24px; width: 24px;
height: 24px; height: 24px;
vertical-align: top;
} }
} }
</style> </style>

6
client/web/src/components/window/footer-bar/InputHint.vue
View File

@ -70,8 +70,6 @@
} }
.input-mouse { .input-mouse {
font-size: 0;
.bright { .bright {
fill: #ddd; fill: #ddd;
} }
@ -79,6 +77,10 @@
.dim { .dim {
fill: #888; fill: #888;
} }
svg {
vertical-align: top;
}
} }
} }
</style> </style>