Clean up p-unselectable-text

pull/310/head
cagataycivici 2020-05-02 12:26:57 +03:00
parent de2c8e9216
commit 935299b107
9 changed files with 13 additions and 8 deletions

View File

@ -89,7 +89,8 @@ button {
margin: 0;
padding: 0;
border: none;
cursor: pointer;
cursor: pointer;
user-select: none;
}
/* Overlay Animations */

View File

@ -416,7 +416,7 @@ export default {
},
containerClass() {
return [
'p-dropdown p-component p-unselectable-text',
'p-dropdown p-component',
{
'p-disabled': this.disabled,
'p-dropdown-clearable': this.showClear && !this.disabled,
@ -459,6 +459,7 @@ export default {
display: inline-flex;
cursor: pointer;
position: relative;
user-select: none;
}
.p-dropdown-clear-icon {

View File

@ -1,6 +1,6 @@
<template>
<fieldset :class="['p-fieldset p-component', {'p-fieldset-toggleable': toggleable}]">
<legend class="p-fieldset-legend p-unselectable-text">
<legend class="p-fieldset-legend">
<slot name="legend" v-if="!toggleable">
<span class="p-fieldset-legend-text" :id="ariaId + '_header'">{{legend}}</span>
</slot>

View File

@ -348,7 +348,7 @@ export default {
},
containerClass() {
return [
'p-multiselect p-component p-unselectable-text',
'p-multiselect p-component',
{
'p-disabled': this.disabled,
'p-focus': this.focused
@ -414,6 +414,7 @@ export default {
display: inline-flex;
cursor: pointer;
position: relative;
user-select: none;
}
.p-multiselect-trigger {

View File

@ -1,5 +1,5 @@
<template>
<div class="p-paginator p-component p-unselectable-text" v-if="alwaysShow ? true : (pageLinks && pageLinks.length > 1)">
<div class="p-paginator p-component" v-if="alwaysShow ? true : (pageLinks && pageLinks.length > 1)">
<div class="p-paginator-left-content" v-if="$scopedSlots.left">
<slot name="left" :state="currentState"></slot>
</div>
@ -223,5 +223,6 @@ export default {
align-items: center;
justify-content: center;
line-height: 1;
user-select: none;
}
</style>

View File

@ -1,7 +1,7 @@
<template>
<div :class="buttonClass" @click="onClick($event)" role="checkbox" :aria-labelledby="ariaLabelledBy" :aria-checked="value" :tabindex="$attrs.disabled ? null : '0'">
<span v-if="hasIcon" :class="iconClass"></span>
<span class="p-button-text p-unselectable-text">{{label}}</span>
<span class="p-button-text">{{label}}</span>
</div>
</template>

View File

@ -2,7 +2,7 @@
<li :class="containerClass">
<div :class="contentClass" tabindex="0" role="treeitem" :aria-expanded="expanded"
@click="onClick" @keydown="onKeyDown" @touchend="onTouchEnd" :style="node.style">
<span class="p-tree-toggler p-unselectable-text p-link" @click="toggle">
<span class="p-tree-toggler" @click="toggle">
<span :class="toggleIcon"></span>
</span>
<div class="p-checkbox p-component" v-if="checkboxMode">

View File

@ -927,6 +927,7 @@ export default {
.p-treetable-toggler {
cursor: pointer;
user-select: none;
}
/* Resizable */

View File

@ -1,7 +1,7 @@
<template>
<tr :class="containerClass" @click="onClick" @keydown="onKeyDown" @touchend="onTouchEnd" :style="node.style" tabindex="0">
<td v-for="(col,i) of columns" :key="col.columnKey||col.field||i" :style="col.bodyStyle" :class="col.bodyClass">
<span class="p-treetable-toggler p-unselectable-text" @click="toggle" v-if="col.expander" :style="togglerStyle">
<span class="p-treetable-toggler" @click="toggle" v-if="col.expander" :style="togglerStyle">
<i :class="togglerIcon"></i>
</span>
<div class="p-checkbox p-treetable-checkbox p-component" @click="toggleCheckbox" v-if="checkboxSelectionMode && col.expander" role="checkbox" :aria-checked="checked">