Ignore:
Timestamp:
2019-05-09T17:34:07+12:00 (5 years ago)
Author:
wy59
Message:
  1. Phase 2: Changed the thickness and opacity label display (which were next to their slider controls) into input fields. Editing the input fields now also updates the slider controls. 2. Some bug fixes, for example can now use numeric and regulare keypad's numbers when focus is on thickness/opacity inputs. 3. Changes to css to get the input fields looking right.
File:
1 edited

Legend:

Unmodified
Added
Removed

  • main/trunk/greenstone3/web/interfaces/default/style/map-editors.css

    r33042 r33061  
    3838
    3939}
     40/*hide the input number spinner in Chrome
     41input[type=number]::-webkit-inner-spin-button,
     42input[type=number]::-webkit-outer-spin-button {
     43  -webkit-appearance: none;
     44  margin: 0;
     45}
     46*/
    4047
    4148#LineThickness{
    … …  
    4754}
    4855
     56input[type=range]{
     57    height: 10px;
     58}
     59
     60/*make '%' display within the input field*/
     61.valueChanger {
     62    height: 21px;
     63    width: 70px;
     64    position: relative;
     65    display: inline-block;
     66  }
     67 
     68#opacityRangeVal {
     69    width: 70%;
     70    height: 100%;
     71    padding-right: 10%;
     72  }
     73 
     74.unit {
     75    display: block;
     76    width: 45px;
     77    height: 21px;
     78    line-height: 21px;
     79    position: absolute;
     80    top: 0px;
     81    right: 0px;
     82  }
     83
     84.valueInput{
     85    width:55px;
     86}
     87
    4988#ColourOpacity{
    50     display: inline-block;
    5189    float: left;
    52         margin-left: 3px;
     90    margin-left: 3px;
    5391    margin-right: 3px;
    5492}
     93
     94/*
     95#opacityRangeVal{
     96   width:250px;
     97   max-width:250px;
     98}
     99*/
    55100
    56101#buttons3{
Note: See TracChangeset for help on using the changeset viewer.