css

The console of Chrome error : Refused to apply style because its MIME type ('text/html')

喜夏-厌秋 提交于 2021-02-11 07:15:21
问题 I have an error when i run it on node server.js . The error reads: Refused to apply style from 'http://localhost:3000/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled. This is the code for node in the server.js file : require('./models/medecinmodel') require('./models/infirmiermodel') require('./models/patientmodel') var medecin= require('./models/medecinmodel') var infirmier= require('./models/infirmiermodel') var

Tailwind css purge removes all dark classes

只愿长相守 提交于 2021-02-11 06:58:21
问题 I have a pretty simple project which uses a couple of colours extended to the theme. When I enable purging in my tailwind.config.js file, everything is purged as they should, but all of my dark classes get purged too. Does anyone have the same problem? I found an issue about this on tailwind's git as well: https://github.com/tailwindlabs/tailwindcss/discussions/2793 My resources are located in [PROJECT FOLDER] -resources -js -components Login.Vue I don't know if it's worth mentioning, but I

How to customize controls and indicators in BootstrapVue's Carousel component?

不问归期 提交于 2021-02-11 06:55:30
问题 The code looks as following: <template> <div> <b-carousel id="carousel-upper" v-model="slide" :interval="3000" fade controls indicators @sliding-start="onSlideStart" @sliding-end="onSlideEnd" > <b-carousel-slide img-src="https://licota.ru/system/sliders/attachments/55ba/10cf/7372/763c/8600/0002/full/banner-2.jpg?1438257358" ></b-carousel-slide> <b-carousel-slide img-src="https://licota.ru/system/sliders/attachments/55ba/10cf/7372/763c/8600/0003/full/banner-3.jpg?1438257359" ></b-carousel

JavaScript in React to modify the DOM

做~自己de王妃 提交于 2021-02-11 06:54:36
问题 I have a component with a div.modal that I would like to transition with CSS. The initial values are set for w=0 and h=0 , transition is all, 1s . This component is a conditional render wihin another component named - <Starter /> , which in turn is a component of <Home /> . I have tried this in a number of places however the DOM is not ready { document.getElementsByClassName('modal').style.width = 'auto' } The component: const JoinSign = () => { return ( <div id="overlay"> <div className=

Vertical alignement of span inside a div when the font-size is big

柔情痞子 提交于 2021-02-11 06:17:44
问题 Note: I've already read How to vertically center a <span> inside a div? but here it's slightly different (see below). I'm trying to insert some big text inside a circle button, an image inside another one, and a title aligned vertically. This perfectly works on Chrome (I've used various answers from Circle button css): But strangely, it doesn't work on Firefox and also iPhone Safari (bad alignment): How to solve such a vertical alignment problem? .circlebtn { height: 5.4em; width: 5.4em;

Make login form responsive with Flexbox

喜欢而已 提交于 2021-02-11 06:12:58
问题 I have a simple login form that am trying to make nice looking on all screen sizes. I am stuck in my code, with these labels that need to be position above the input field. Also when you try to resize the screen form behavior is very strange in the Firefox form are completely messed up. Below is my code <!DOCTYPE html> <html lang="en"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <head> <title

6 slanted div in bootstrap 4

 ̄綄美尐妖づ 提交于 2021-02-11 06:11:56
问题 I am trying to create a block with 6 slanted divs in bootstrap. Check the image below I have tried with rows and columns but they are not correctly aligned with each other. see image below I also tried this answer but it only works with 1 row if I create a 2-row layout like the above image it's breaking the alignment. Can anyone please show me how I can achieve the following layout? .section-3 .part1 { clip-path: polygon(0 1%, 100% 0%, 93% 100%, 0 100%); } .section-3 .part2 { border: 2px

6 slanted div in bootstrap 4

被刻印的时光 ゝ 提交于 2021-02-11 06:09:27
问题 I am trying to create a block with 6 slanted divs in bootstrap. Check the image below I have tried with rows and columns but they are not correctly aligned with each other. see image below I also tried this answer but it only works with 1 row if I create a 2-row layout like the above image it's breaking the alignment. Can anyone please show me how I can achieve the following layout? .section-3 .part1 { clip-path: polygon(0 1%, 100% 0%, 93% 100%, 0 100%); } .section-3 .part2 { border: 2px

Set a SASS variable depending

被刻印的时光 ゝ 提交于 2021-02-11 05:55:23
问题 I'm searching a way to use a particular color depending on a class on the body tag. I have a main scss file like this // variables.scss $bg-main: white; $color-first: red; $color-second: green; And in my other files, I use the colors // content.scss .content { .some-selector: { // some styles color: $color-second; } a:hover { // some styles color: $color-second; } } // and same goes for menu.scss etc. Now I have a dynamic class on the body, that changes depending on the current selected menu.

Selenium webdriver problem with: Expected condition failed: waiting for visibility of element located by(..)

守給你的承諾、 提交于 2021-02-11 05:43:18
问题 I have little problem with my automated test. When my test make error: Expected condition failed: waiting for visibility of element located by(...) and I don't know what is problem. @BeforeMethod public void BeforeTest(){ System.setProperty("webdriver.chrome.driver", "C:/drivers/chromedriver.exe"); driver = new ChromeDriver(); driver.manage().window().maximize(); driver.navigate().to("https://poczta.o2.pl/rejestracja/"); } @Test public void Test(){ WebDriverWait wait = new WebDriverWait