Improved visuals for date picker
authorAlexander Ebert <ebert@woltlab.com>
Mon, 14 Mar 2016 16:40:42 +0000 (17:40 +0100)
committerAlexander Ebert <ebert@woltlab.com>
Mon, 14 Mar 2016 16:40:48 +0000 (17:40 +0100)
wcfsetup/install/files/style/ui/datePicker.scss

index 149f329478951184fded6d9f03eebeae3132977f..b6ab4af3a0f6c9129b8ef902a47b84e64db9c8b2 100644 (file)
        }
        
        > .elementPointer {
-               border-color: $wcfDropdownBorder transparent;
-               border-style: solid;
-               border-width: 0 8px 8px;
+               border: 10px solid transparent;
+               border-bottom-color: $wcfDropdownBorder;
+               border-top-width: 0;
                
                > span {
-                       border-color: $wcfDropdownBackground transparent;
-                       border-style: solid;
-                       border-width: 0 6px 6px;
-                       left: -6px;
+                       border: 9px solid transparent;
+                       border-bottom-color: $wcfDropdownBackground;
+                       border-top-width: 0;
+                       left: -9px;
                        position: absolute;
-                       top: 2px;
+                       top: 1px;
                }
                
                &.flipVertical {
-                       border-width: 8px 8px 0;
+                       border: 10px transparent solid;
+                       border-top-color: $wcfDropdownBorder;
+                       border-bottom-width: 0;
+                       bottom: 0;
+                       top: auto;
                        
                        > span {
-                               border-width: 6px 6px 0;
+                               border: 9px transparent solid;
+                               border-top-color: $wcfDropdownBackground;
+                               border-bottom-width: 0;
+                               bottom: 1px;
+                               top: auto;
                        }
                }
        }
        }
        
        > ul > li {
-               border-top: 1px solid $wcfDropdownBorder;
+               border-top: 1px solid $wcfDropdownBorderInner;
                display: flex;
                
+               &.weekdays,
+               &.weekdays + li {
+                       border-top-color: $wcfDropdownBorder;
+               }
+               
                > a,
                > span {
                        display: block;
                        text-align: center;
                        
                        &:not(:last-child) {
-                               border-right: 1px solid $wcfDropdownBorder;
+                               border-right: 1px solid $wcfDropdownBorderInner;
                        }
                }
                
                }
                
                > span {
+                       color: $wcfContentDimmedText;
                        text-transform: uppercase;
+                       
                        @include wcfFontSmall;
                }
        }