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.
_______________________________________________
Mailing list: https://launchpad.net/~widelands-dev
Post to : widelands-dev@lists.launchpad.net
Unsubscribe : https://launchpad.net/~widelands-dev
More help : https://help.launchpad.net/ListHelp
