Skip to content

Commit

Permalink
Update !important from component CSS
Browse files Browse the repository at this point in the history
  • Loading branch information
@FlipWarthog
FlipWarthog committed Oct 17, 2023
1 parent 52d7d11 commit 816ae88
Show file tree
Hide file tree
Showing 19 changed files with 37 additions and 37 deletions.
4 changes: 2 additions & 2 deletions components/lib/basecomponent/style/BaseComponentStyle.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -247,7 +247,7 @@ const css = `
}
.p-disabled, .p-disabled * {
cursor: default !important;
cursor: default;
pointer-events: none;
user-select: none;
}
Expand All @@ -274,7 +274,7 @@ const css = `
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
word-wrap: normal;
}
.p-link {
Expand Down
4 changes: 2 additions & 2 deletions components/lib/calendar/Calendar.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2676,14 +2676,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;
}
`;
}
Expand Down
2 changes: 1 addition & 1 deletion components/lib/cascadeselect/style/CascadeSelectStyle.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -74,7 +74,7 @@ const css = `
}
.p-cascadeselect-item-active {
overflow: visible !important;
overflow: visible;
}
.p-cascadeselect-item-active > .p-cascadeselect-sublist {
Expand Down
2 changes: 1 addition & 1 deletion components/lib/confirmdialog/ConfirmDialog.d.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -137,7 +137,7 @@ export interface ConfirmDialogBreakpoints {
*
* @media screen and (max-width: ${breakpoint[key]}) {
* .p-dialog[attributeSelector] {
* width: ${breakpoint[value]} !important;
* width: ${breakpoint[value]};
* }
* }
*/
Expand Down
8 changes: 4 additions & 4 deletions components/lib/datatable/DataTable.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1305,7 +1305,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}),
Expand Down Expand Up @@ -1761,7 +1761,7 @@ export default {
let selector = `[data-pc-name="datatable"][${this.attributeSelector}] > [data-pc-section="wrapper"] ${this.virtualScrollerDisabled ? '' : '> [data-pc-section="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}),
Expand Down Expand Up @@ -1900,12 +1900,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;
}
Expand Down
4 changes: 2 additions & 2 deletions components/lib/datatable/style/DataTableStyle.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -98,7 +98,7 @@ const css = `
.p-datatable .p-column-resizer {
display: block;
position: absolute !important;
position: absolute;
top: 0;
right: 0;
margin: 0;
Expand Down Expand Up @@ -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;
Expand Down
2 changes: 1 addition & 1 deletion components/lib/dialog/Dialog.d.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -136,7 +136,7 @@ export interface DialogBreakpoints {
*
* @media screen and (max-width: ${breakpoint[key]}) {
* .p-dialog[attributeSelector] {
* width: ${breakpoint[value]} !important;
* width: ${breakpoint[value]};
* }
* }
*/
Expand Down
2 changes: 1 addition & 1 deletion components/lib/dialog/Dialog.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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]};
}
}
`;
Expand Down
8 changes: 4 additions & 4 deletions components/lib/dialog/style/DialogStyle.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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%;
}
Expand Down
2 changes: 1 addition & 1 deletion components/lib/message/style/MessageStyle.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand Down
2 changes: 1 addition & 1 deletion components/lib/overlaypanel/OverlayPanel.d.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -103,7 +103,7 @@ export interface OverlayPanelBreakpoints {
*
* @media screen and (max-width: ${breakpoint[key]}) {
* .p-overlaypanel[attributeSelector] {
* width: ${breakpoint[value]} !important;
* width: ${breakpoint[value]};
* }
* }
*/
Expand Down
2 changes: 1 addition & 1 deletion components/lib/overlaypanel/OverlayPanel.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -280,7 +280,7 @@ export default {
innerHTML += `
@media screen and (max-width: ${breakpoint}) {
.p-overlaypanel[${this.attributeSelector}] {
width: ${this.breakpoints[breakpoint]} !important;
width: ${this.breakpoints[breakpoint]};
}
}
`;
Expand Down
8 changes: 4 additions & 4 deletions components/lib/paginator/Paginator.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -167,22 +167,22 @@ export default {
@media screen ${minValue} {
.paginator[${this.attributeSelector}],
.p-paginator-default{
display: flex !important;
display: flex;
}
}
`;
} else {
innerHTML += `
.paginator[${this.attributeSelector}], .p-paginator-${key} {
display: none !important;
display: none;
}
@media screen ${minValue} and (max-width: ${key}) {
.paginator[${this.attributeSelector}], .p-paginator-${key} {
display: flex !important;
display: flex;
}
.paginator[${this.attributeSelector}],
.p-paginator-default{
display: none !important;
display: none;
}
}
`;
Expand Down
2 changes: 1 addition & 1 deletion components/lib/picklist/style/PickListStyle.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
}
`;
Expand Down
2 changes: 1 addition & 1 deletion components/lib/ripple/style/RippleStyle.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ const css = `
}
.p-ripple-disabled .p-ink {
display: none !important;
display: none;
}
}
`;
Expand Down
8 changes: 4 additions & 4 deletions components/lib/sidebar/style/SidebarStyle.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 */
Expand Down
2 changes: 1 addition & 1 deletion components/lib/toast/Toast.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 += `
Expand Down
2 changes: 1 addition & 1 deletion components/lib/treetable/style/TreeTableStyle.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@ const css = `
.p-treetable .p-column-resizer {
display: block;
position: absolute !important;
position: absolute;
top: 0;
right: 0;
margin: 0;
Expand Down
8 changes: 4 additions & 4 deletions doc/timeline/TemplateDoc.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
}
Expand Down Expand Up @@ -185,10 +185,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;
}
}
Expand Down

0 comments on commit 816ae88

Please sign in to comment.