moon
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed webkit appearance of the UI

This commit is contained in:
Henry Jameson 2018-11-14 22:20:42 +03:00
parent 75f0c191dd
commit 2369f2e4cb
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/color_input/color_input.vue
View File

@ -47,6 +47,7 @@ export default {
<style lang="scss"> <style lang="scss">
.color-control { .color-control {
display: flex; display: flex;
align-items: baseline;
&.disabled *:not(.opt-l){ &.disabled *:not(.opt-l){
opacity: .5 opacity: .5
@ -75,10 +76,10 @@ export default {
flex: 0; flex: 0;
padding: 1px; padding: 1px;
cursor: pointer; cursor: pointer;
height: 100%; height: 29px;
max-height: 29px;
min-width: 2em; min-width: 2em;
border: none; border: none;
align-self: stretch;
} }
} }
</style> </style>

2
src/components/contrast_ratio/contrast_ratio.vue
View File

@ -36,7 +36,7 @@ export default {
<style lang="scss"> <style lang="scss">
.contrast-ratio { .contrast-ratio {
display: flex; display: flex;
justify-content: end; justify-content: flex-end;
.label { .label {
margin-right: 1em; margin-right: 1em;

5
src/components/opacity_input/opacity_input.vue
View File

@ -41,6 +41,7 @@ export default {
<style lang="scss"> <style lang="scss">
.opacity-control { .opacity-control {
display: flex; display: flex;
align-items: baseline;
&.disabled *:not(.opt-l) { &.disabled *:not(.opt-l) {
opacity: .5 opacity: .5
@ -48,7 +49,6 @@ export default {
.opt-l { .opt-l {
align-self: center; align-self: center;
line-height: 0;
&::before { &::before {
width: 14px; width: 14px;
height: 14px; height: 14px;
@ -61,7 +61,6 @@ export default {
} }
.input-range { .input-range {
align-self: center;
background: none; background: none;
border: none; border: none;
margin: 0; margin: 0;
@ -70,8 +69,8 @@ export default {
min-width: 7em; min-width: 7em;
flex: 1; flex: 1;
} }
.input-number { .input-number {
align-self: center;
margin: 0; margin: 0;
min-width: 4em; min-width: 4em;
flex: 0; flex: 0;