bendtherules/is-nifty-open
1
0
Fork 0
mirror of https://github.com/bendtherules/is-nifty-open.git synced 2026-08-18 13:52:20 +00:00
Code Issues 20 Packages Projects Releases Wiki Activity

Rename OpenToday strings in html and css

Browse Source
This commit is contained in:
bendtherules
2018-03-14 04:56:10 +05:30
parent 0ba9a5203f
commit b914498201
4 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Components/IsNiftyOpenApp/App.css
+1 -1
View File
@@ -47,7 +47,7 @@
height: 100%; height: 100%;
} }
.App .OpenToday-container { .App .OpenXDay-container {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
src/Components/IsNiftyOpenApp/App.tsx
+1 -1
View File
@@ -7,7 +7,7 @@ class IsNiftyOpenApp extends React.Component {
render() { render() {
return ( return (
<div className="App"> <div className="App">
<div className="OpenToday-container"> <div className="OpenXDay-container">
<OpenXDay question={OpenXDay.OpenOrClose.Open} allHolidays={allHolidays} /> <OpenXDay question={OpenXDay.OpenOrClose.Open} allHolidays={allHolidays} />
</div> </div>
</div> </div>
src/Components/OpenXDay/Component.css
+10 -10
View File
@@ -1,27 +1,27 @@
@import "../../Utils/utils.css"; @import "../../Utils/utils.css";
.OpenToday { .OpenXDay {
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 4em; font-size: 4em;
background-color: rgba(0, 0, 0, 0.75); background-color: rgba(0, 0, 0, 0.75);
} }
.OpenToday.green { .OpenXDay.green {
background-color: #2ECC40; background-color: #2ECC40;
} }
.OpenToday.red { .OpenXDay.red {
background-color: #FF4136; background-color: #FF4136;
} }
.OpenToday .question, .OpenToday .answerComposite { .OpenXDay .question, .OpenXDay .answerComposite {
padding-top: 5%; padding-top: 5%;
padding-bottom: 5%; padding-bottom: 5%;
color: rgba(255, 255, 255, 0.75); color: rgba(255, 255, 255, 0.75);
} }
.OpenToday .question { .OpenXDay .question {
float: left; float: left;
width: 40%; width: 40%;
height: 100%; height: 100%;
@@ -29,7 +29,7 @@
border-right: 5px solid rgba(255, 255, 255, 0.5); border-right: 5px solid rgba(255, 255, 255, 0.5);
} }
.OpenToday .question span { .OpenXDay .question span {
display: block; display: block;
position: absolute; position: absolute;
text-align: right; text-align: right;
@@ -38,14 +38,14 @@
transform: translate(0%, -50%); transform: translate(0%, -50%);
} }
.OpenToday .answerComposite { .OpenXDay .answerComposite {
float: right; float: right;
width: 60%; width: 60%;
height: 100%; height: 100%;
position: relative; position: relative;
} }
.OpenToday .answerComposite-inner { .OpenXDay .answerComposite-inner {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
@@ -53,11 +53,11 @@
text-align: center; text-align: center;
} }
.OpenToday .answerComposite .answerBoolean { .OpenXDay .answerComposite .answerBoolean {
color: rgba(255, 255, 255, 0.85); color: rgba(255, 255, 255, 0.85);
} }
.OpenToday .answerComposite .answerReason { .OpenXDay .answerComposite .answerReason {
opacity: 0.85; opacity: 0.85;
font-size: 0.85em; font-size: 0.85em;
src/Components/OpenXDay/Component.tsx
+1 -1
View File
@@ -67,7 +67,7 @@ export class OpenXDay extends React.Component<{
const bgColorClass = (this.answer.open ? "green" : "red"); const bgColorClass = (this.answer.open ? "green" : "red");
return ( return (
<div className={classnames([bgColorClass, "OpenToday"])} > <div className={classnames([bgColorClass, "OpenXDay"])} >
<div className="question"> <div className="question">
<span> <span>
Is Nifty50 {this.question} today? Is Nifty50 {this.question} today?