|
817 | 817 | text-overflow: ellipsis;
|
818 | 818 | }
|
819 | 819 |
|
820 |
| - .loadTime { |
821 |
| - color: @loadTimeColor; |
822 |
| - background: @navigationBarBackground; |
823 |
| - font-size: 12px; |
824 |
| - right: 10px; |
825 |
| - text-align: right; |
826 |
| - margin: 2px 0 0 0; |
827 |
| - top: 9px; |
828 |
| - cursor: default; |
829 |
| - padding-top: 1px; |
| 820 | + .urlbarForm { |
| 821 | + .loadTime { |
| 822 | + color: @loadTimeColor; |
| 823 | + background: @navigationBarBackground; |
| 824 | + font-size: 12px; |
| 825 | + right: 10px; |
| 826 | + text-align: right; |
| 827 | + margin: 2px 0 0 0; |
| 828 | + top: 9px; |
| 829 | + cursor: default; |
| 830 | + padding-top: 1px; |
830 | 831 |
|
831 |
| - &.onFocus { |
832 |
| - display: none; |
| 832 | + &.onFocus { |
| 833 | + display: none; |
| 834 | + } |
833 | 835 | }
|
834 |
| - } |
835 | 836 |
|
836 |
| - /* Disable selection of button text */ |
837 |
| - > span { |
838 |
| - -webkit-user-select: none; |
839 |
| - } |
| 837 | + /* Disable selection of button text */ |
| 838 | + > span { |
| 839 | + -webkit-user-select: none; |
| 840 | + } |
840 | 841 |
|
841 |
| - > * { |
842 |
| - -webkit-app-region: no-drag; |
843 |
| - } |
| 842 | + > * { |
| 843 | + -webkit-app-region: no-drag; |
| 844 | + } |
844 | 845 |
|
845 |
| - .inputbar-wrapper { |
846 |
| - background: white; |
847 |
| - display: flex; |
848 |
| - flex: 1 1 0; |
849 |
| - border-radius: 4px; |
850 |
| - align-items: center; |
851 |
| - justify-content: center; |
852 |
| - } |
| 846 | + .inputbar-wrapper { |
| 847 | + background: white; |
| 848 | + display: flex; |
| 849 | + flex: 1 1 0; |
| 850 | + border-radius: 4px; |
| 851 | + align-items: center; |
| 852 | + justify-content: center; |
| 853 | + } |
853 | 854 |
|
854 |
| - input { |
855 |
| - background: @navigationBarBackground; |
856 |
| - border: none; |
857 |
| - box-sizing: border-box; |
858 |
| - color: @chromeText; |
859 |
| - cursor: text; |
860 |
| - font-size: @defaultFontSize; |
861 |
| - font-weight: normal; |
862 |
| - margin: 2px 0 0 3px; |
863 |
| - outline: none; |
864 |
| - text-overflow: ellipsis; |
865 |
| - flex-grow: 1; |
866 |
| - min-width: 0%; // allow the navigator to shrink |
| 855 | + input { |
| 856 | + background: @navigationBarBackground; |
| 857 | + border: none; |
| 858 | + box-sizing: border-box; |
| 859 | + color: @chromeText; |
| 860 | + cursor: text; |
| 861 | + font-size: @defaultFontSize; |
| 862 | + font-weight: normal; |
| 863 | + margin: 2px 0 0 3px; |
| 864 | + outline: none; |
| 865 | + text-overflow: ellipsis; |
| 866 | + flex-grow: 1; |
| 867 | + min-width: 0%; // allow the navigator to shrink |
867 | 868 |
|
868 |
| - &:hover { |
869 |
| - background: @chromeControlsBackground2; |
870 |
| - } |
| 869 | + &:hover { |
| 870 | + background: @chromeControlsBackground2; |
| 871 | + } |
871 | 872 |
|
872 | 873 |
|
873 |
| - &.private { |
874 |
| - background: @privateTabBackground; |
875 |
| - color: @chromeText; |
| 874 | + &.private { |
| 875 | + background: @privateTabBackground; |
| 876 | + color: @chromeText; |
| 877 | + } |
876 | 878 | }
|
877 |
| - } |
878 |
| - |
879 |
| - .urlbarIcon { |
880 |
| - color: @siteSecureColor; |
881 |
| - left: 14px; |
882 |
| - margin-top: 1px; |
883 |
| - font-size: 13px; |
884 |
| - min-height: 10px; |
885 |
| - min-width: 16px; |
886 | 879 |
|
887 |
| - &.fa-lock, |
888 |
| - &.fa-unlock { |
889 |
| - margin-top: 2px; |
890 |
| - font-size: 15px; |
| 880 | + .urlbarIcon { |
| 881 | + color: @siteSecureColor; |
| 882 | + left: 14px; |
| 883 | + margin-top: 1px; |
| 884 | + font-size: 13px; |
891 | 885 | min-height: 10px;
|
892 | 886 | min-width: 16px;
|
893 |
| - } |
894 | 887 |
|
895 |
| - &.fa-unlock { |
896 |
| - color: @siteInsecureColor; |
897 |
| - } |
| 888 | + &.fa-lock, |
| 889 | + &.fa-unlock { |
| 890 | + margin-top: 1px; |
| 891 | + font-size: 16px; |
| 892 | + min-height: 10px; |
| 893 | + min-width: 16px; |
| 894 | + } |
| 895 | + |
| 896 | + &.fa-unlock { |
| 897 | + color: @siteInsecureColor; |
| 898 | + } |
898 | 899 |
|
899 |
| - &.extendedValidation { |
900 |
| - color: @siteEVColor; |
| 900 | + &.extendedValidation { |
| 901 | + color: @siteEVColor; |
| 902 | + } |
901 | 903 | }
|
902 | 904 | }
|
903 | 905 | }
|
|
0 commit comments