This commit is contained in:
syuilo
2018-12-30 01:32:58 +09:00
parent 7947036af9
commit f11ebafe47
11 changed files with 46 additions and 111 deletions

View File

@ -24,16 +24,11 @@ export default Vue.extend({
items: {
type: Array,
required: true
},
compact: {
type: Boolean,
required: false,
default: false
}
},
data() {
return {
hukidasi: !this.compact
hukidasi: !this.$root.isMobile
};
},
mounted() {
@ -47,7 +42,7 @@ export default Vue.extend({
let left;
let top;
if (this.compact) {
if (this.$root.isMobile) {
const x = rect.left + window.pageXOffset + (this.source.offsetWidth / 2);
const y = rect.top + window.pageYOffset + (this.source.offsetHeight / 2);
left = (x - (width / 2));
@ -121,14 +116,11 @@ export default Vue.extend({
<style lang="stylus" scoped>
.onchrpzrvnoruiaenfcqvccjfuupzzwv
$bg-color = var(--popupBg)
$border-color = rgba(27, 31, 35, 0.15)
position initial
&.isMobile
> .popover
border none
> button
font-size 15px
@ -147,7 +139,6 @@ export default Vue.extend({
z-index 10001
padding 8px 0
background $bg-color
border 1px solid $border-color
border-radius 4px
box-shadow 0 3px 12px rgba(27, 31, 35, 0.15)
transform scale(0.5)
@ -172,14 +163,6 @@ export default Vue.extend({
border-top solid $balloon-size transparent
border-left solid $balloon-size transparent
border-right solid $balloon-size transparent
border-bottom solid $balloon-size $border-color
&:after
top -($balloon-size * 2) + 1.5px
left s('calc(50% - %s)', $balloon-size)
border-top solid $balloon-size transparent
border-left solid $balloon-size transparent
border-right solid $balloon-size transparent
border-bottom solid $balloon-size $bg-color
> button