widelands-dev team mailing list archive

[Trimardio <gschmitlin@xxxxxxxxx>]

Thanks of the inputs! Changes were quick :)

Diff comments:

> 
> === added file 'media/css/scheduling.css'
> --- media/css/scheduling.css	1970-01-01 00:00:00 +0000
> +++ media/css/scheduling.css	2018-01-17 19:07:26 +0000
> @@ -0,0 +1,230 @@
> +/* Main */
> +.main-choices {
> +    display: flex;
> +    justify-content: space-around;
> +    margin-top: 40px;
> +}
> +
> +.main-choices button {
> +    padding: 40px;
> +    font-size: 1em;
> +}
> +
> +/* actual scheduling module */
> +#calandar {

calendar you mean? :). yes!

> +    display: flex;
> +    justify-content: center;
> +}
> +
> +/*  Hours of each day display for the user  */
> +.day {
> +    margin-bottom: 15px;
> +    background-image: url("../img/black50.png");
> +    padding: 10px;
> +}
> +
> +.day-title h3{
> +    color:white;
> +    font-weight: bold;
> +    margin-top: 0;
> +}
> +
> +.hours-wrapper {
> +    display: flex;
> +}
> +
> +.hours-title-wrapper {
> +    display: flex;
> +    width: 100%;
> +}
> +
> +.hours-title-wrapper p{
> +    width: 42px;
> +    user-select: none;
> +}
> +
> +.hours {
> +    border: 1px solid #909090;
> +    height:40px;
> +    width: 40px;
> +    cursor: pointer;
> +}
> +
> +.hours.selected {
> +    background-color: #118811;
> +}
> +
> +.hours:hover {
> +    background-color: lightgreen;
> +}
> +
> +.hidden-hour {
> +    height: 40px;
> +    width: 40px;
> +}
> +
> +
> +/*  Display for the other users  */
> +#other-users-wrapper {
> +    display: flex;
> +    flex-wrap: wrap;
> +    padding: 1%;
> +}
> +
> +.other-user-div{
> +    width: 29%;
> +    border: 1px solid black;
> +    background-image: url("../img/black50.png");
> +    padding: 11px;
> +    margin-top: 5px;
> +    margin-right: 5px;
> +}
> +
> +.other-user-div > div {
> +    margin-top: 14px;
> +}
> +
> +.other-user-div .hours{
> +    height: 10px;
> +    width: 20px;
> +}
> +
> +.other-user-div .title {
> +    height: 36px;
> +    display: flex;
> +    justify-content: space-between;
> +    margin-top: 0;
> +}
> +
> +.other-user-div .title p {
> +    font-size: 20px;
> +    margin-top: 5px;
> +    text-transform: capitalize;
> +    white-space: nowrap;
> +    overflow: hidden !important;
> +    text-overflow: ellipsis;
> +    color: #feea72;;
> +    font-weight: bold;
> +}
> +
> +.other-user-div .title button {
> +    min-width: 114px;
> +}
> +
> +.other-user-div .title button:hover {
> +    background-color:#118811;;
> +}
> +
> +.other-user-div .title img {
> +    margin-right: 4px;
> +}
> +
> +
> +/* btn */
> +#validate-btn {
> +    margin-top: 10px;
> +}
> +
> +
> +/**************************/
> +/* CSS for the datepicker */
> +/**************************/
> +
> +.ui-datepicker {
> +    background-image: url("../img/wood.png");
> +    border: 1px solid black;
> +    border-radius: 4px;
> +    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.7);
> +    padding: 0.8em;
> +    display: none;
> +}
> +
> +.ui-datepicker-header {
> +    text-align: center;
> +    border: 1px inset darkgray;
> +    background-image: url("../img/black50.png");
> +    margin-bottom: 5px;
> +}
> +
> +.ui-datepicker-calendar {
> +    border: 1px inset darkgray;
> +    background-image: url("../img/black20.png");
> +}
> +
> +.ui-datepicker-prev {
> +    padding: 0 3em 0 0;
> +    cursor: pointer;
> +}
> + 
> +.ui-datepicker-next {
> +    padding: 0 0 0 3em;
> +    cursor: pointer;
> +}
> +
> +.ui-widget-content {
> +    display: flex !important;
> +    justify-content: space-around;
> +    width: 540px !important;
> +}
> +
> +.ui-datepicker-header {
> +    height: 42px;
> +    position: relative;
> +}
> +
> +.ui-datepicker-title {
> +    position: absolute;
> +    transform: translateX(-50%);
> +    left: 50%;
> +    bottom: 0;
> +}
> +
> +
> +
> +
> +/**********  clock **********/
> +
> +#clocks-wrapper {
> +    display:flex;

Good point, that's why I love flex!

> +    height: 210px;
> +    margin-top: 20px;
> +    background-image: url("../img/black50.png");
> +}
> +
> +#clocks-wrapper h1{
> +    text-align: center;
> +}
> +
> +svg.clock-svg {
> +    width: 150px;
> +    height: 150px;
> +}
> +
> +.hour-area {
> +    stroke-linejoin:round;
> +    stroke-width:8;
> +    fill: #312925;
> +    stroke: black;
> +}
> +
> +.hour-area.active {
> +    fill: #118811;
> +}
> +
> +
> +.number-wrapper {
> +    line-height:100%;
> +    fill: white;
> +    
> +    stroke:black;
> +    stroke-width:2.7;
> +}
> +
> +.number {
> +    -inkscape-font-specification: "sans-serif";
> +    font-family:"sans-serif";
> +}
> +
> +.circle {
> +    fill: #312925;
> +}
> \ No newline at end of file


-- 
https://code.launchpad.net/~trimardio/widelands-website/module_scheduling/+merge/335570
Your team Widelands Developers is requested to review the proposed merge of lp:~trimardio/widelands-website/module_scheduling into lp:widelands-website.