github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #10755 from overleaf/jel-btn-border

Browse source 
[web] Only set a border size for buttons using mixins on new CSS

GitOrigin-RevId: c6c2ce4f43f038601e52c580ba8b10981bb59317
This commit is contained in:
Jessica Lawshe 2022-12-05 09:31:53 -06:00 committed by Copybot
parent 3d0d311584
commit 679d56620c
2 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
services/web/frontend/stylesheets/components/buttons.less
View file

@ -59,7 +59,7 @@
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
cursor: pointer; cursor: pointer;
border: @border-size solid transparent; border: 0 solid transparent;
white-space: nowrap; white-space: nowrap;
.button-size( .button-size(
@padding-base-vertical; @padding-base-horizontal; @font-size-base; @padding-base-vertical; @padding-base-horizontal; @font-size-base;

2
services/web/frontend/stylesheets/core/mixins.less
View file

@ -553,6 +553,7 @@
color: @content-primary; color: @content-primary;
background-color: @white; background-color: @white;
border-color: @border-color-base; border-color: @border-color-base;
border-width: @border-size;
&:hover { &:hover {
background-color: @btn-secondary-hover-bg-color; background-color: @btn-secondary-hover-bg-color;
@ -594,6 +595,7 @@
color: @color; color: @color;
background-color: @background; background-color: @background;
border-color: @background; // add a border that is same as background color so that the height matches the btn-bordered style border-color: @background; // add a border that is same as background color so that the height matches the btn-bordered style
border-width: @border-size;
&:hover { &:hover {
background-color: @background-hover; background-color: @background-hover;