fix: size toolbar buttons to 32px including padding
This commit is contained in:
@@ -4,8 +4,8 @@
|
||||
justify-content: center;
|
||||
flex: 0 0 auto;
|
||||
box-sizing: border-box;
|
||||
width: var(--toolbar-control-width, 28px);
|
||||
height: var(--toolbar-control-height, 24px);
|
||||
width: var(--toolbar-control-width, 32px);
|
||||
height: var(--toolbar-control-height, 32px);
|
||||
padding: 4px 6px;
|
||||
border: 0;
|
||||
border-radius: 5px;
|
||||
@@ -13,7 +13,7 @@
|
||||
color: inherit;
|
||||
cursor: pointer;
|
||||
}
|
||||
.button svg { width: var(--toolbar-icon-size, 16px); height: var(--toolbar-icon-size, 16px); flex: 0 0 var(--toolbar-icon-size, 16px); }
|
||||
.button svg { width: var(--toolbar-icon-size, 20px); height: var(--toolbar-icon-size, 20px); flex: 0 0 var(--toolbar-icon-size, 20px); }
|
||||
.button:hover { background: #e9e7e3; }
|
||||
.button:focus-visible { outline: 2px solid #9d7d66; outline-offset: 2px; }
|
||||
.button:disabled { opacity: 0.45; cursor: not-allowed; }
|
||||
|
||||
Reference in New Issue
Block a user