Wicket vs Vaadin

I am torn between Wicket and Vaadin. I am starting a micro-isv and need to make a choice of web framework. I have narrowed down my choices to Wicket and Vaadin. I have used both frameworks and I...

Rounded table corners CSS only

I have searched and searched, but haven't been able to find a solution for my requirement. I have a plain ol' HTML table. I want round corners for it, without using images or JS, i.e. pure CSS...

Showing a Google Map in a modal created with Twitter Bootstrap

I'm trying to insert a Google map into a modal using Twitter Bootstrap. The modal shows up with the shape of the map present, but only part of the map is displayed, the rest is gray. Upon resizing...

Firefox CSS select OPTION styling

From what im seeing, you cannot style boxes, because it is OS specific and cannot be broken unless you edit with javascript... My example is...

Check for a Variable in Sass mixin & print it if it's defined

I'm creating a Sass mixin with 3 arguments one of them is optional & I want to print it out if it's passed otherwise I don't want to print anything. Here is how my mixin looks like: @mixin...

How to @extend from another sass file, or how to achieve OOSASS?

My question is actually broader than the title says. This is just where I am running into a snag with my idea, but I am open to all sorts of solutions. Let me explain my overall goal. I like what...

Overflow Scroll css is not working in the div

I am looking for CSS/Javascript solution for my HTML page scrolling issue. I have three divs that contain a div, a header and a wrapper div, I need a vertical scrollbar in the wrapper div, height...

CSS - Slow Hover effect

I am creating a CSS dynamic menu and would like to delay the on hover action. The reaction of the menu to when hovering over it's links is to provide a sub menu(drop down). I would like to slow...

How to remove/ignore :hover css style on touch devices

I want to ignore all :hover CSS declarations if a user visits our website via touch device. Because the :hover CSS does not make sense, and it can even be disturbing if a tablet triggers it on...

How to prevent margins between child divs overlapping parent div when vertically responsive

I'm new to HTML and CSS so please bear with me. I am trying to create a responsive grid where a parent div has 4 child divs contained within it. Resizing the browser both vertically and...

Div not taking height of parent div (w/ bootstrap)

I'll start off by stating that I know this question has been asked a lot, but none of the answers I saw seemed to work for me. Basically, I have some divs inside of a larger div. They'll have...

Is there any way to colorize a white PNG image with CSS only?

I know there are many css filters out there especially for webkit, but I can't find a solution for colorize a white (#FFFFFF) image. I've tried some combination of the filters, but none of them...

Visual studio code comment in HTML files

I am trying Visual Studio Code lately and i've noticed that when i try to add a line comment in an HTML file (using Ctrl+/ or Ctrl+K Ctrl+C) instead of this: <!-- -->, i get this {# #}. In JS or...

How to show XML comments of class properties in Swagger (MVC 6 Web API JsonResult)

I've added XML comments to my class members but Swagger won't show them in the UI. Am I doing something wrong? UPDATE: It looks like you can't document your model classes in Swashbuckle (5.5.3)...

Got SSL, now all requested files are blocked (mixed content)

I have clients who use HTML on their pages, that I provide. That HTML links to files on my server (JS, CSS, images, etc).Example of what I give them: <link type="text/css" rel="stylesheet"...

blueprint template folder flask not working

This is project structure ├── run.py └── test_blueprint ├── __init__.py ├── __init__.pyc ├── mainsite │   ├── controllers │  ...

How to copy a directory with Webpack?

I've been playing around with Webpack to try and understand how it works but no matter what I do it never seems to do what I expect it to considering what the documentation and numerous videos...

Why are my website's background-image gifs using up all of my computer's CPU time?

I'm building a website (www.experimonkey.com) for which I use 3 .gif files (and a bootstrap carousel) on the homepage. One is behind a "login" link on the navigation bar and the others are the...

How to override styles from another css file

I have a css file (main.css) and I'd like to override it using another css file (overrides.css). But I have problem doing it as they are in different files and they get different hashes. This is...

tooltip the data-placement="right" is not working [edit]

First of all, the tooltip is working for all the direction, top, bottom and left. But for the right is not working. So I think that maybe is a problem with the CSS or HTML structure. (But the...

Query Returns only 1 Row of Data in my PHP table

I have a query built, that when run in the MySQL app, shows all the expected results. However, when I go to loop through it in my PHP code, it only shows one row as result. No matter how I play...

How to custom color text and icon in TableSortText component of Material-ui?

What I'm trying to do: I am trying to provide the user the option to provide custom styling to my EnhancedTable component by passing in a styles object containing properties such as headCellColor,...

I was unable to style the active route in React using react-router

I intend to style the active route in React using react-router. I am using NavLink to do so. Please see the below code: COMPONENT.JS import React from 'react'; import classes from...

Removing outer margin between <html> and browser edge using Angular and CSS

This should be trivial, but I've spent 2 days and have run out of ideas. Whatever I do, I cannot remove the outer white space between the page html/body and the edge of the browser window. I want...

Css sticky position pushes every content down

I am working on a website project involving a full screen Google Maps element on the index page. I am trying to add the logo on the right and make it sticky, so as users scroll down, it stays in...

Safari 14 - min(), max(), clamp() not working with vw and px values

I have a container where I want to set its font-size so it reflects on its children. I'm using the following to support font sizes for different screen sizes: .hero { font-size: clamp(4px,...

div flex box selection by click and drag

I have multiple flexboxes and I would like to select box by click and drag. eg. I want to select 1 to 6, just click 1 and drag to 6. So all selected div will back background color change to blue...

Getting Ionic v4+ infinite scroll working without showing scrollbars

Has anyone worked out how to get infinite scroll working while also hiding scrollbars? This is the scss I use to hide scrollbars: ion-content { --padding-bottom: 200px!important; ...

tailwindcss directives not working with style file outside of project

I'd like to use tailwindcss for my styles in a nx monorepo. I made a global style lib with a global-styles.scss file to keep the global styles that should be added to every app. @tailwind...

CodeIgniter 4 - error "404 (File Not Found)"

I'm integrating the Google Drive API for uploading files from an HTML form to Google Drive. It works fine when I implement the code (Ajax and jQuery) in CorePHP, but it doesn't work in CodeIgniter...