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

Update !important from component CSS

pull/4638/head
FlipWarthog 2023-10-17 15:27:27 -04:00
parent 898088f455
commit 6c3ea8557d
19 changed files with 34 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/lib/basecomponent/style/BaseComponentStyle.js
View File

@ -247,7 +247,7 @@ const css = `
} }
.p-disabled, .p-disabled * { .p-disabled, .p-disabled * {
cursor: default !important; cursor: default;
pointer-events: none; pointer-events: none;
user-select: none; user-select: none;
} }
@ -274,7 +274,7 @@ const css = `
padding: 0; padding: 0;
position: absolute; position: absolute;
width: 1px; width: 1px;
word-wrap: normal !important; word-wrap: normal;
} }
.p-link { .p-link {

4
components/lib/calendar/Calendar.vue
View File

@ -2693,14 +2693,14 @@ export default {
let { breakpoint, numMonths } = responsiveOptions[i]; let { breakpoint, numMonths } = responsiveOptions[i];
let styles = ` let styles = `
.p-datepicker[${this.attributeSelector}] .p-datepicker-group:nth-child(${numMonths}) .p-datepicker-next { .p-datepicker[${this.attributeSelector}] .p-datepicker-group:nth-child(${numMonths}) .p-datepicker-next {
display: inline-flex !important; display: inline-flex;
} }
`; `;
for (let j = numMonths; j < this.numberOfMonths; j++) { for (let j = numMonths; j < this.numberOfMonths; j++) {
styles += ` styles += `
.p-datepicker[${this.attributeSelector}] .p-datepicker-group:nth-child(${j + 1}) { .p-datepicker[${this.attributeSelector}] .p-datepicker-group:nth-child(${j + 1}) {
display: none !important; display: none;
} }
`; `;
} }

2
components/lib/cascadeselect/style/CascadeSelectStyle.js
View File

@ -74,7 +74,7 @@ const css = `
} }
.p-cascadeselect-item-active { .p-cascadeselect-item-active {
overflow: visible !important; overflow: visible;
} }
.p-cascadeselect-item-active > .p-cascadeselect-sublist { .p-cascadeselect-item-active > .p-cascadeselect-sublist {

2
components/lib/confirmdialog/ConfirmDialog.d.ts vendored
View File

@ -137,7 +137,7 @@ export interface ConfirmDialogBreakpoints {
* *
* @media screen and (max-width: ${breakpoint[key]}) { * @media screen and (max-width: ${breakpoint[key]}) {
* .p-dialog[attributeSelector] { * .p-dialog[attributeSelector] {
* width: ${breakpoint[value]} !important; * width: ${breakpoint[value]};
* } * }
* } * }
*/ */

8
components/lib/datatable/DataTable.vue
View File

@ -1308,7 +1308,7 @@ export default {
widths.forEach((width, index) => { widths.forEach((width, index) => {
let colWidth = index === colIndex ? newColumnWidth : nextColumnWidth && index === colIndex + 1 ? nextColumnWidth : width; let colWidth = index === colIndex ? newColumnWidth : nextColumnWidth && index === colIndex + 1 ? nextColumnWidth : width;
let style = `width: ${colWidth}px !important; max-width: ${colWidth}px !important`; let style = `width: ${colWidth}px; max-width: ${colWidth}px`;
innerHTML += ` innerHTML += `
${selector} > thead[data-pc-section="thead"] > tr > th:nth-child(${index + 1}), ${selector} > thead[data-pc-section="thead"] > tr > th:nth-child(${index + 1}),
@ -1764,7 +1764,7 @@ export default {
let selector = `[data-pc-name="datatable"][${this.attributeSelector}] > [data-pc-section="wrapper"] ${this.virtualScrollerDisabled ? '' : '> [data-pc-name="virtualscroller"]'} > table[data-pc-section="table"]`; let selector = `[data-pc-name="datatable"][${this.attributeSelector}] > [data-pc-section="wrapper"] ${this.virtualScrollerDisabled ? '' : '> [data-pc-name="virtualscroller"]'} > table[data-pc-section="table"]`;
widths.forEach((width, index) => { widths.forEach((width, index) => {
let style = `width: ${width}px !important; max-width: ${width}px !important`; let style = `width: ${width}px; max-width: ${width}px`;
innerHTML += ` innerHTML += `
${selector} > thead[data-pc-section="thead"] > tr > th:nth-child(${index + 1}), ${selector} > thead[data-pc-section="thead"] > tr > th:nth-child(${index + 1}),
@ -1903,12 +1903,12 @@ export default {
@media screen and (max-width: ${this.breakpoint}) { @media screen and (max-width: ${this.breakpoint}) {
${selector} > .p-datatable-thead > tr > th, ${selector} > .p-datatable-thead > tr > th,
${selector} > .p-datatable-tfoot > tr > td { ${selector} > .p-datatable-tfoot > tr > td {
display: none !important; display: none;
} }
${selector} > .p-datatable-tbody > tr > td { ${selector} > .p-datatable-tbody > tr > td {
display: flex; display: flex;
width: 100% !important; width: 100%;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }

4
components/lib/datatable/style/DataTableStyle.js
View File

@ -98,7 +98,7 @@ const css = `
.p-datatable .p-column-resizer { .p-datatable .p-column-resizer {
display: block; display: block;
position: absolute !important; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
margin: 0; margin: 0;
@ -230,7 +230,7 @@ const css = `
} }
.p-datatable .p-virtualscroller .p-virtualscroller-loading { .p-datatable .p-virtualscroller .p-virtualscroller-loading {
transform: none !important; transform: none;
min-height: 0; min-height: 0;
position: sticky; position: sticky;
top: 0; top: 0;

2
components/lib/dialog/Dialog.d.ts vendored
View File

@ -136,7 +136,7 @@ export interface DialogBreakpoints {
* *
* @media screen and (max-width: ${breakpoint[key]}) { * @media screen and (max-width: ${breakpoint[key]}) {
* .p-dialog[attributeSelector] { * .p-dialog[attributeSelector] {
* width: ${breakpoint[value]} !important; * width: ${breakpoint[value]};
* } * }
* } * }
*/ */

2
components/lib/dialog/Dialog.vue
View File

@ -267,7 +267,7 @@ export default {
innerHTML += ` innerHTML += `
@media screen and (max-width: ${breakpoint}) { @media screen and (max-width: ${breakpoint}) {
.p-dialog[${this.attributeSelector}] { .p-dialog[${this.attributeSelector}] {
width: ${this.breakpoints[breakpoint]} !important; width: ${this.breakpoints[breakpoint]};
} }
} }
`; `;

8
components/lib/dialog/style/DialogStyle.js
View File

@ -118,10 +118,10 @@ const css = `
-webkit-transition: none; -webkit-transition: none;
transition: none; transition: none;
transform: none; transform: none;
width: 100vw !important; width: 100vw;
height: 100vh !important; height: 100vh;
top: 0px !important; top: 0px;
left: 0px !important; left: 0px;
max-height: 100%; max-height: 100%;
height: 100%; height: 100%;
} }

2
components/lib/message/style/MessageStyle.js
View File

@ -39,7 +39,7 @@ const css = `
.p-message.p-message-leave-to { .p-message.p-message-leave-to {
max-height: 0; max-height: 0;
opacity: 0; opacity: 0;
margin: 0 !important; margin: 0;
} }
.p-message-leave-active { .p-message-leave-active {

2
components/lib/overlaypanel/OverlayPanel.d.ts vendored
View File

@ -103,7 +103,7 @@ export interface OverlayPanelBreakpoints {
* *
* @media screen and (max-width: ${breakpoint[key]}) { * @media screen and (max-width: ${breakpoint[key]}) {
* .p-overlaypanel[attributeSelector] { * .p-overlaypanel[attributeSelector] {
* width: ${breakpoint[value]} !important; * width: ${breakpoint[value]};
* } * }
* } * }
*/ */

2
components/lib/overlaypanel/OverlayPanel.vue
View File

@ -281,7 +281,7 @@ export default {
innerHTML += ` innerHTML += `
@media screen and (max-width: ${breakpoint}) { @media screen and (max-width: ${breakpoint}) {
.p-overlaypanel[${this.attributeSelector}] { .p-overlaypanel[${this.attributeSelector}] {
width: ${this.breakpoints[breakpoint]} !important; width: ${this.breakpoints[breakpoint]};
} }
} }
`; `;

2
components/lib/paginator/Paginator.vue
View File

@ -175,7 +175,7 @@ export default {
@media screen ${minValue} { @media screen ${minValue} {
.paginator[${this.attributeSelector}], .paginator[${this.attributeSelector}],
.p-paginator-default{ .p-paginator-default{
display: flex !important; display: flex;
} }
} }
`; `;

2
components/lib/picklist/style/PickListStyle.js
View File

@ -33,7 +33,7 @@ const css = `
.p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to, .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to { .p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
transition: none !important; transition: none;
} }
} }
`; `;

2
components/lib/ripple/style/RippleStyle.js
View File

@ -28,7 +28,7 @@ const css = `
} }
.p-ripple-disabled .p-ink { .p-ripple-disabled .p-ink {
display: none !important; display: none;
} }
} }
`; `;

8
components/lib/sidebar/style/SidebarStyle.js
View File

@ -49,11 +49,11 @@ const css = `
.p-sidebar-full .p-sidebar { .p-sidebar-full .p-sidebar {
transition: none; transition: none;
transform: none; transform: none;
width: 100vw !important; width: 100vw;
height: 100vh !important; height: 100vh;
max-height: 100%; max-height: 100%;
top: 0px !important; top: 0px;
left: 0px !important; left: 0px;
} }
/* Animation */ /* Animation */

2
components/lib/toast/Toast.vue
View File

@ -127,7 +127,7 @@ export default {
let breakpointStyle = ''; let breakpointStyle = '';
for (let styleProp in this.breakpoints[breakpoint]) { for (let styleProp in this.breakpoints[breakpoint]) {
breakpointStyle += styleProp + ':' + this.breakpoints[breakpoint][styleProp] + '!important;'; breakpointStyle += styleProp + ':' + this.breakpoints[breakpoint][styleProp] + ';';
} }
innerHTML += ` innerHTML += `

2
components/lib/treetable/style/TreeTableStyle.js
View File

@ -71,7 +71,7 @@ const css = `
.p-treetable .p-column-resizer { .p-treetable .p-column-resizer {
display: block; display: block;
position: absolute !important; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
margin: 0; margin: 0;

8
doc/timeline/TemplateDoc.vue
View File

@ -120,10 +120,10 @@ export default {
@media screen and (max-width: 960px) { @media screen and (max-width: 960px) {
::v-deep(.customized-timeline) { ::v-deep(.customized-timeline) {
.p-timeline-event:nth-child(even) { .p-timeline-event:nth-child(even) {
flex-direction: row !important; flex-direction: row;
.p-timeline-event-content { .p-timeline-event-content {
text-align: left !important; text-align: left;
} }
} }
@ -181,10 +181,10 @@ const events = ref([
@media screen and (max-width: 960px) { @media screen and (max-width: 960px) {
::v-deep(.customized-timeline) { ::v-deep(.customized-timeline) {
.p-timeline-event:nth-child(even) { .p-timeline-event:nth-child(even) {
flex-direction: row !important; flex-direction: row;
.p-timeline-event-content { .p-timeline-event-content {
text-align: left !important; text-align: left;
} }
} }