cleanup and fixes

This commit is contained in:
Henry Jameson 2022-04-20 23:22:51 +03:00
parent 076c52788b
commit 58a975e8df
16 changed files with 32 additions and 41 deletions

View file

@ -456,7 +456,7 @@ textarea,
box-sizing: border-box;
display: inline-block;
position: relative;
height: 28px;
height: 2em;
line-height: 16px;
hyphens: none;
padding: 8px 0.5em;

View file

@ -52,7 +52,7 @@
.go-back-button {
text-align: center;
line-height: 100%;
line-height: 1;
height: 100%;
align-self: start;
width: var(--__panel-heading-height-inner);

View file

@ -22,10 +22,10 @@
}
.go-back-button {
cursor: pointer;
width: 28px;
text-align: center;
padding: 0.6em;
margin: -0.6em 0.6em -0.6em -0.6em;
line-height: 1;
height: 100%;
align-self: start;
width: var(--__panel-heading-height-inner);
}
}

View file

@ -6,15 +6,15 @@
ref="header"
class="panel-heading"
>
<a
class="go-back-button"
<button
class="button-unstyled go-back-button"
@click="goBack"
>
<FAIcon
size="lg"
icon="chevron-left"
/>
</a>
</button>
</div>
<div class="input-wrap">
<div class="input-search">

View file

@ -101,7 +101,7 @@
padding: 0.6em;
.btn {
min-height: 28px;
min-height: 2em;
width: 10em;
}

View file

@ -32,6 +32,6 @@
@import '../../_variables.scss';
.media-upload {
cursor: pointer;
cursor: pointer; // We use <label> for interactivity... i wonder if it's fine
}
</style>

View file

@ -336,7 +336,7 @@
display: flex;
justify-content: space-between;
padding: 0.5em;
height: 32px;
height: 2.5em;
button {
width: 10em;
@ -411,10 +411,12 @@
}
.media-upload-icon, .poll-icon, .emoji-icon {
font-size: 26px;
font-size: 1.85em;
line-height: 1.1;
flex: 1;
padding: 0 0.1em;
display: flex;
align-items: center;
&.selected, &:hover {
// needs to be specific to override icon default color
@ -441,21 +443,17 @@
// Order is not necessary but a good indicator
.media-upload-icon {
order: 1;
text-align: left;
justify-content: left;
}
.emoji-icon {
order: 2;
text-align: center;
justify-content: center;
}
.poll-icon {
order: 3;
text-align: right;
}
.poll-icon {
cursor: pointer;
justify-content: right;
}
.error {
@ -489,10 +487,6 @@
flex-direction: column;
}
.btn {
cursor: pointer;
}
.btn[disabled] {
cursor: not-allowed;
}
@ -551,10 +545,6 @@
}
}
.btn {
cursor: pointer;
}
.btn[disabled] {
cursor: not-allowed;
}

View file

@ -297,8 +297,8 @@ $validations-cRed: #f04124;
.form-group {
display: flex;
flex-direction: column;
padding: 0.3em 0.0em 0.3em;
line-height:24px;
padding: 0.3em 0;
line-height: 2;
margin-bottom: 1em;
}
@ -344,7 +344,7 @@ $validations-cRed: #f04124;
.btn {
margin-top: 0.6em;
height: 28px;
height: 2em;
}
.error {

View file

@ -32,7 +32,7 @@
.remote-button {
width: 100%;
min-height: 28px;
min-height: 2em;
}
}
</style>

View file

@ -39,10 +39,10 @@ label.Select {
padding: 0 2em 0 .2em;
font-family: sans-serif;
font-family: var(--inputFont, sans-serif);
font-size: 14px;
font-size: 1em;
width: 100%;
z-index: 1;
height: 28px;
height: 2em;
line-height: 16px;
}
@ -55,7 +55,7 @@ label.Select {
width: 0.875em;
color: $fallback--text;
color: var(--inputText, $fallback--text);
line-height: 28px;
line-height: 2;
z-index: 0;
pointer-events: none;
}

View file

@ -54,7 +54,7 @@
overflow-y: hidden;
.btn {
min-height: 28px;
min-height: 2em;
min-width: 10em;
padding: 0 2em;
}

View file

@ -8,7 +8,7 @@
.bulk-actions {
text-align: right;
padding: 0 1em;
min-height: 28px;
min-height: 2em;
}
.bulk-action-button {

View file

@ -89,7 +89,7 @@
&-bulk-actions {
text-align: right;
padding: 0 1em;
min-height: 28px;
min-height: 2em;
button {
width: 10em;

View file

@ -325,7 +325,7 @@
.btn {
flex-grow: 1;
min-height: 28px;
min-height: 2em;
min-width: 0;
max-width: 10em;
padding: 0;

View file

@ -25,8 +25,9 @@
border-bottom-color: $fallback--border;
border-bottom-color: var(--border, $fallback--border);
}
.tab-wrapper {
height: 28px;
height: 2em;
&:not(.active)::after {
left: 0;

View file

@ -176,7 +176,7 @@
flex: none;
padding: 0.6em 0.6em;
text-align: left;
line-height: 28px;
line-height: 2;
align-items: baseline;
border-width: 1px 0 0 0;
border-style: solid;