vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/common/Common.css
View File

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

3
src/components/dropdown/Dropdown.vue
View File

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

2
src/components/fieldset/Fieldset.vue
View File

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

3
src/components/multiselect/MultiSelect.vue
View File

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

3
src/components/paginator/Paginator.vue
View File

@ -1,5 +1,5 @@
<template> <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"> <div class="p-paginator-left-content" v-if="$scopedSlots.left">
<slot name="left" :state="currentState"></slot> <slot name="left" :state="currentState"></slot>
</div> </div>
@ -223,5 +223,6 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
line-height: 1; line-height: 1;
user-select: none;
} }
</style> </style>

2
src/components/togglebutton/ToggleButton.vue
View File

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

2
src/components/tree/TreeNode.vue
View File

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

1
src/components/treetable/TreeTable.vue
View File

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

2
src/components/treetable/TreeTableRow.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<tr :class="containerClass" @click="onClick" @keydown="onKeyDown" @touchend="onTouchEnd" :style="node.style" tabindex="0"> <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"> <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> <i :class="togglerIcon"></i>
</span> </span>
<div class="p-checkbox p-treetable-checkbox p-component" @click="toggleCheckbox" v-if="checkboxSelectionMode && col.expander" role="checkbox" :aria-checked="checked"> <div class="p-checkbox p-treetable-checkbox p-component" @click="toggleCheckbox" v-if="checkboxSelectionMode && col.expander" role="checkbox" :aria-checked="checked">