I'm using summary/details html gadget for show a series of events. Here is a simplified code (removed all rails/erb logic) .eventscreen { display: flex; flex-direction: column; width: 100%; margin: 1em; padding: 1em; gap: 1em; details { justify-self: center; table {…
I'm new to html and css (self taught) I'm trying to use a simple grid system with a side bar + content. So for the side bar I want link to internal pages to change the content, I'm making a…
Background: I was trying to do some custom styling for my select element by changing the color and arrow example: <select :id="'select' + index" class="w-full px-4 py-2 pr-8 bg-theme text-white rounded-md hover:bg-theme/50 appearance-none" @focus="dropdownOpen = true" @blur="dropdownOpen = false"> <option…
How do I convert the dimensions of a playing card (2.5 inches x 3.5 inches) to pixels? How do I do that? My resolution screen size is: 1280 x 720. I’m not using it on mobile. I just want to…
I have a box that I want to blink. it should blink indefinitely (infinite) it blinks to white and returns to the initial color there should be a "pause" between each loop (color stays the same) css only, no js…
I have an HTML script with date inputs for each day of the week (Sunday-Saturday). I'd like to validate the inputs so that the user can only select dates which match that day of the week. For example, December 1,…
I'm looking for a way to determine if an element is scrollable in given direction. That is, if I can call Element.scrollBy to scroll it. I've searched around extensively and ended up with: /** * Whether the element can be…
i am trying to disable option in p-dropdown but i use ng-template for looping the options here is my code any suggestions ? thanks <p-dropdown [options]="task.statusOptions" optionLabel="name" optionValue="id" (onChange)="updateTaskCurrentStatus($event, task)" appendTo="body" [placeholder]="this.dropdownPlaceholder(task)" > <ng-template let-status pTemplate="status"> <div [ngStyle]="{ color: status.uiSetting.color}"…
I would like to replace instances of "n", "t", and " " (four spaces) in RegEx, but preserve all whitespace inside of an HTML comment block. Unfortunately, the comment can contain anything, including other HTML tags, so I have to…
I'm making an HTML form with a date picker for each day the week. The form is going to be printed at the end. I want to hide the 'mm/dd/yyyy' placeholder when the page is printed. Ideally it would still…