[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-main / misc / help.component.scss

@use '_variables' as *;
@use '_mixins' as *;

.help-tooltip-button {
  @include disable-outline;

  cursor: pointer;
  border: 0;
  margin: 5px;

  my-global-icon {
    @include apply-svg-color(pvar(--greyForegroundColor));

    width: 17px;
    position: relative;
    top: -1px;
  }
}

::ng-deep {
  .help-popover {
    min-width: 200px;
    max-width: 300px;

    .popover-body {
      padding: 10px;
      font-size: 13px;
      border-radius: 3px;

      p {
        margin-bottom: 0;
      }

      ul {
        @include padding-left(20px);

        margin-bottom: 0;
      }
    }
  }
}
Commit	Line	Data
8cbc40b2 C	1	@use '_variables' as *;
8cbc40b2 C	2	@use '_mixins' as *;
8a8e02a4 C	3
8a8e02a4 C	4	.help-tooltip-button {
931d3430	5	@include disable-outline;
457bb213	6
931d3430 C	7	cursor: pointer;
931d3430 C	8	border: 0;
3c176894	9	margin: 5px;
3c176894	10
457bb213	11	my-global-icon {
931d3430 C	12	@include apply-svg-color(pvar(--greyForegroundColor));
931d3430 C	13
457bb213 C	14	width: 17px;
457bb213 C	15	position: relative;
9e8929d6	16	top: -1px;
457bb213	17	}
8a8e02a4 C	18	}
8a8e02a4 C	19
03652b31	20	::ng-deep {
3866f1a0	21	.help-popover {
644014cc	22	min-width: 200px;
04ed10b2	23	max-width: 300px;
8a8e02a4	24
2f1548fd	25	.popover-body {
2f1548fd C	26	padding: 10px;
2f1548fd C	27	font-size: 13px;
22a59f33	28	border-radius: 3px;
8a8e02a4	29
f2fab901	30	p {
457bb213 C	31	margin-bottom: 0;
	32	}
	33
2f1548fd	34	ul {
27bc9586	35	@include padding-left(20px);
dec437aa	36
457bb213	37	margin-bottom: 0;
2f1548fd	38	}
8a8e02a4 C	39	}
	40	}
	41	}