0
0
mirror of https://github.com/Doodle3D/doodle3d-client.git synced 2024-12-25 14:23:48 +01:00

Restyled settings popup

This commit is contained in:
peteruithoven 2014-01-16 22:51:19 +01:00
parent bbed35d877
commit 31cec107b0
8 changed files with 34 additions and 41 deletions

View File

@ -52,3 +52,9 @@
}
}
/*
SETTINGS POPUP
*/
#popupSettings {
margin: 2% 2%;
}

View File

@ -1,14 +0,0 @@
/*
SETTINGS POPUP - MOBILE
*/
#popupSettings {
width: 87%;
height: 82%;
margin: 6% 4%;
> .right {
width: 14%;
}
}

View File

@ -2,8 +2,6 @@
#popupMask {
background-color: rgba(255, 255, 255, 0.65);
// z-index: 20;
// border: 10px solid red;
position: absolute;
top: 0;
left: 0;
@ -16,18 +14,18 @@
}
.popup {
background-color: white;
border: 2px solid black;
background-color: #fff;
border: 2px solid #222;
border-radius: 15px;
top: 30%;
box-shadow: 0px 2px 6px 0px rgba(16, 16, 16, 0.65);
position: absolute;
left: 50%;
// margin-left: -@popup-width/2;
// width: @popup-width;
top:50%;
}
.popup .content {
margin: 5%;
/*margin: 5%;*/
margin: 15px;
}
.popup {
@ -35,21 +33,26 @@
}
#popupWordArt {
width: 50%;
margin-left: -50%/2;
width: 330px;
height:210px;
margin-left: -165px;
margin-top: -105px;
input[type="text"] {
width: 100%;
width: 98%;
}
#btnWordArtOk {
float: right;
margin: 15px 0 18px 0;
margin: 15px 0 0 0;
}
}
#popupShape {
width: 30%;
margin-left: -30%/2;
width: 310px;
margin-left: -155px;
height: 230px;
margin-top: -115px;
top: 50%;
#shapePreview {
// width: 150px;

View File

@ -4,27 +4,22 @@
*/
#popupSettings {
background-color: #fff;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 15;
//z-index: 15;
max-width: 775px;
max-height: 540px;
width: 80%;
height: 75%;
//width: 80%;
//height: 75%;
margin: 7% 8%;
box-shadow: 0px 2px 6px 0px rgba(16, 16, 16, 0.65);
border: 2px solid #222;
border-radius: 15px;
padding: 2%;
.toppanel {
height: 10%;
#settingsLabelContainer {
/*#settingsLabelContainer {
width: 100%;
height: auto;
margin-bottom: 1%;
@ -34,6 +29,12 @@
max-width: 373px;
height: auto;
}
}*/
.title {
height: 100%;
max-height: 44px;
width: auto;
margin: 0 0 1% 0;
}
}
.bottompanel {

View File

@ -14,7 +14,6 @@
only screen and (max-width: 720px) and (min-device-pixel-ratio : 1.5),
only screen and (max-width: 720px) and (-webkit-min-device-pixel-ratio : 1.5) {
@import "mobile.less";
@import "mobile_settingspopup.less";
}
// FULL

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.7 KiB

View File

Before

Width:  |  Height:  |  Size: 6.7 KiB

After

Width:  |  Height:  |  Size: 6.7 KiB

View File

@ -142,9 +142,7 @@
<div id="popupSettings" class="popup">
<div class="toppanel">
<div id="settingsLabelContainer">
<img id="settingsLabelImg" src="img/settings_lable.png" alt="settings" />
</div>
<img class="title" src="img/settings_title.png" alt="settings" />
</div>
<div class="bottompanel">
<div id="settingsContainer"></div>