-
Notifications
You must be signed in to change notification settings - Fork 85
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
add SettingsCheckbox components #649
Conversation
a8ba8ab
to
dfe9691
Compare
9f1aeb7
to
cc360d9
Compare
799a018
to
73e11e8
Compare
Also, you can't trigger it by clicking enter. You can check here how to do it: https://github.com/nextcloud/nextcloud-vue/blob/master/src/components/ActionCheckbox/ActionCheckbox.vue#L44 |
73e11e8
to
39d0d2e
Compare
39d0d2e
to
376e6de
Compare
376e6de
to
c27f7fb
Compare
c56b429
to
680c100
Compare
Great work @GretaD :) We should maybe remove the SettingCheckbow component, now, no? |
Yes we should remove it, i thought i did 🐐 |
e44d62d
to
26e59e8
Compare
Thank you Barth for the review. I will change them asap, but can you please have a general review and decide what you think is fine and what it is not, so i can change everything in one push? You reviewed this PR many times, and every time you found something new, which is fine, but why not adding all the changes in the first review. Let me know if you're done so i can push the changes. Thanks again. |
Sorry 🙈 |
26e59e8
to
aaf09e2
Compare
Signed-off-by: Greta Doci <gretadoci@gmail.com>
aaf09e2
to
5c65023
Compare
&__checkbox { | ||
position: absolute; | ||
top: auto; | ||
left: -10000px; | ||
overflow: hidden; | ||
width: 1px; | ||
height: 1px; | ||
&:focus + .checkbox__label { | ||
opacity: $opacity_full; | ||
} | ||
} | ||
&__label { | ||
display: flex; | ||
align-items: center; // align checkbox to text | ||
width: 100%; | ||
padding: 0 !important; | ||
padding-right: $icon-margin !important; | ||
opacity: $opacity_normal; | ||
&::before { | ||
margin: 0 14px 0 !important; | ||
} | ||
} | ||
&--disabled { | ||
&, | ||
.checkbox__label { | ||
cursor: pointer; | ||
display: inline-block; | ||
} | ||
} | ||
&:not(.checkbox--disabled):hover, | ||
&:not(.checkbox--disabled):focus { | ||
.checkbox__label { | ||
opacity: $opacity_full; | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Did you lose some code while rebasing or something?
This seems unrelated now?
<template> | ||
<Checkbox | ||
label="some text" | ||
v-model="checkedTarget"/> | ||
</template> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
checkedTarget is undefined
<template> | |
<Checkbox | |
label="some text" | |
v-model="checkedTarget"/> | |
</template> | |
<template> | |
<Checkbox | |
label="some text" | |
v-model="checkedTarget"/> | |
</template> | |
<script> | |
export default { | |
data() { | |
return { | |
checkedTarget: false | |
} | |
}, | |
} | |
</script> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think this is because this pr changed so much I find new stuff every time. |
@skjnldsv what do you think about closing this one and I start a new one when i have the time to start and finish it on time. This is getting very old. And i can add your suggestions on the new one. |
closing to open a new one |
No description provided.