Commit c920efa1 authored by WayneJetski's avatar WayneJetski

1154: Updated CSS to style close buttons on modals correctly. Consolidated the...

1154: Updated CSS to style close buttons on modals correctly. Consolidated the use of btn class across UI as there were both uses of button and btn across the code.
parent 42282e0e
......@@ -99,7 +99,7 @@ body {
padding-top: 6px;
}
.button {
.btn {
cursor: pointer;
padding-top: 10px;
......@@ -117,14 +117,20 @@ body {
position: absolute;
background-color: @blackA;
color: @orange;
cursor: pointer;
height: 31px;
width: 31px;
text-align: center;
right: 0px;
top: 0px;
padding-top: 8px;
padding-left: 2px
padding-left: 2px;
&:hover {
background-color: lighten(@black, 10%);
}
}
}
}
......
......@@ -102,7 +102,7 @@
}
}
.button {
.btn {
background-color: @blueC;
width: calc((100% - (16px * 2)) / 3);
float: left;
......
......@@ -11,9 +11,9 @@
<div class="name"></div>
<div class="class"></div>
</div>
<div class="el button btnNew">new</div>
<div class="el button disabled btnDelete">delete</div>
<div class="el button disabled btnPlay">play</div>
<div class="el btn btnNew">new</div>
<div class="el btn disabled btnDelete">delete</div>
<div class="el btn disabled btnPlay">play</div>
</div>
<div class="message"></div>
</div>
......@@ -61,7 +61,7 @@
flex-direction: row;
height: 35px;
.button {
.btn {
width: 35px;
margin: 0px;
flex-shrink: 0;
......@@ -127,7 +127,7 @@
margin-bottom: 22px;
}
.button {
.btn {
background-color: @blueC;
width: calc((100% - @boxPadding) / 2);
float: left;
......
......@@ -8,9 +8,9 @@
<div class="el textbox txtClass"></div>
<div class="label">skin</div>
<div class="skinBox">
<div class="button btnPrev" delta="-1">&lt;</div>
<div class="btn btnPrev" delta="-1">&lt;</div>
<div class="el textbox txtCostume"></div>
<div class="button btnNext" delta="1">&gt;</div>
<div class="btn btnNext" delta="1">&gt;</div>
</div>
<div class="message"></div>
</div>
......@@ -18,8 +18,8 @@
<div class="portrait">
<div class="sprite"></div>
</div>
<div class="el button btnBack">back</div>
<div class="el button btnCreate">create</div>
<div class="el btn btnBack">back</div>
<div class="el btn btnCreate">create</div>
</div>
</div>
<div class="box-right">
......
......@@ -124,7 +124,7 @@
padding: 5px 0px;
clear: both;
.button {
.btn {
background-color: @blueC;
color: @white;
padding: 10px;
......@@ -191,7 +191,7 @@
background-color: @blackC;
}
.button {
.btn {
width: 100%;
height: 36px;
background-color: @blueC;
......
......@@ -7,7 +7,7 @@
</div>
<div class="grid"></div>
<div class="menu-bar">
<div class="button btnSortInv">Sort</div>
<div class="btn btnSortInv">Sort</div>
</div>
<div class="split-box">
<div class="inner">
......@@ -15,10 +15,10 @@
<div class="heading-text">stack size</div>
</div>
<div class="bottom">
<div class="button btnLess">-</div>
<div class="btn btnLess">-</div>
<input type="text" class="textbox amount">
<div class="button btnMore">+</div>
<div class="button btnSplit">split</div>
<div class="btn btnMore">+</div>
<div class="btn btnSplit">split</div>
</div>
</div>
</div>
......
......@@ -115,7 +115,7 @@
}
}
.prophecy, .button {
.prophecy, .btn {
cursor: pointer;
}
......@@ -143,7 +143,7 @@
}
}
.button {
.btn {
width: calc(100% - 10px);
background-color: @blueC;
padding: 5px 10px;
......
......@@ -28,6 +28,6 @@
<div class="prophecy" prophecy="crushable">crushable</div>
<div class="prophecy" prophecy="hardcore">hardcore</div>
<div class="prophecy" prophecy="titangrip">titangrip</div>
<div class="button">refresh</div>
<div class="btn">refresh</div>
</div>
</div>
......@@ -91,7 +91,7 @@
width: 100%;
height: 35px;
.button {
.btn {
background-color: @blueC;
width: calc((100% - @boxPadding) / 2);
float: left;
......@@ -135,7 +135,7 @@
left: 10px;
bottom: 10px;
.button {
.btn {
padding-left: 10px;
padding-right: 10px;
width: 100%;
......
......@@ -6,16 +6,16 @@
<div class="label">password</div>
<input type="password" class="el textbox txtPassword" placeholder="password">
<div class="top-buttons">
<div class="el button btnRegister">register</div>
<div class="el button btnLogin">login</div>
<div class="el btn btnRegister">register</div>
<div class="el btn btnLogin">login</div>
</div>
<div class="message"></div>
</div>
<div class="news" location="https://gitlab.com/Isleward/isleward/tags/v0.3.1">[ Latest Release Notes ]</div>
<div class="extra">
<div class="el button btnPatreon" location="https://patreon.com/bigbadwaffle">Pledge on Patreon</div>
<div class="el button btnPaypal" location="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=BR2CC82WUAVEA">Donate on Paypal</div>
<div class="el button btnWiki" location="http://wiki.isleward.com/Main_Page">Access the Wiki</div>
<div class="el btn btnPatreon" location="https://patreon.com/bigbadwaffle">Pledge on Patreon</div>
<div class="el btn btnPaypal" location="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=BR2CC82WUAVEA">Donate on Paypal</div>
<div class="el btn btnWiki" location="http://wiki.isleward.com/Main_Page">Access the Wiki</div>
</div>
<div class="version" location="https://gitlab.com/Isleward/isleward/tags/v0.3.1">v0.3.1</div>
</div>
......@@ -27,7 +27,7 @@
height: calc(100% - 36px - 36px);
background-color: @blackC;
.button.btnReset {
.btn.btnReset {
position: absolute;
height: 35px;
padding-left: 10px;
......
......@@ -4,7 +4,7 @@
</div>
<div class="bottom">
<canvas class="canvas"></canvas>
<div class="button btnReset">Reset Nodes</div>
<div class="btn btnReset">Reset Nodes</div>
</div>
<div class="status">
<div class="points"></div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment