mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-01-17 14:32:41 +00:00
Move dialog[open] to Dialog component styling
This commit is contained in:
@@ -1,4 +1,5 @@
|
|||||||
// Dialog as a separate component
|
// Dialog as a separate component
|
||||||
|
require('./dialog.less');
|
||||||
const React = require('react');
|
const React = require('react');
|
||||||
const { useState, useRef, useEffect } = React;
|
const { useState, useRef, useEffect } = React;
|
||||||
|
|
||||||
|
|||||||
6
client/components/dialog.less
Normal file
6
client/components/dialog.less
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
dialog{
|
||||||
|
&[open]{
|
||||||
|
// Do NOT set a display property on a dialog! Set it on dialog[open] instead
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -15,10 +15,6 @@
|
|||||||
background-color : @blue;
|
background-color : @blue;
|
||||||
color : white;
|
color : white;
|
||||||
border : none;
|
border : none;
|
||||||
&[open]{
|
|
||||||
// Do NOT set a display property on a dialog! Set it on dialog[open] instead
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
a{
|
a{
|
||||||
color : #e0e5c1;
|
color : #e0e5c1;
|
||||||
font-weight : 800;
|
font-weight : 800;
|
||||||
|
|||||||
Reference in New Issue
Block a user