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

View File

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

View File

@ -2693,14 +2693,14 @@ export default {
let { breakpoint, numMonths } = responsiveOptions[i];
let styles = `
.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++) {
styles += `
.p-datepicker[${this.attributeSelector}] .p-datepicker-group:nth-child(${j + 1}) {
display: none !important;
display: none;
}
`;
}

View File

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

View File

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

View File

@ -1308,7 +1308,7 @@ export default {
widths.forEach((width, index) => {
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 += `
${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"]`;
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 += `
${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}) {
${selector} > .p-datatable-thead > tr > th,
${selector} > .p-datatable-tfoot > tr > td {
display: none !important;
display: none;
}
${selector} > .p-datatable-tbody > tr > td {
display: flex;
width: 100% !important;
width: 100%;
align-items: center;
justify-content: space-between;
}

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

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-leave-active.p-picklist-flip-leave-to {
transition: none !important;
transition: none;
}
}
`;

View File

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

View File

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

View File

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

View File

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

View File

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